/* ──────────────────────────────────────────────────
   Layout-level extras
   Used by all pages via frontend/layouts/app.blade.php
────────────────────────────────────────────────── */

:root {
    --electric: #10B981;
    --plasma: #059669;
}

.dot-grid {
    background-image: radial-gradient(circle, rgba(16, 185, 129, .18) 1px, transparent 1px);
}

.text-grad {
    background: linear-gradient(135deg, #10B981 0%, #059669 60%, #047857 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

#cur-dot {
    background: #10B981;
}

#cur-ring {
    border-color: rgba(16, 185, 129, .45);
}

#cur-ring.hover {
    border-color: rgba(5, 150, 105, .6);
    background: rgba(5, 150, 105, .05);
}

.nav-link::after {
    background: linear-gradient(90deg, #10B981, #059669);
}

#navbar.scrolled {
    box-shadow: 0 1px 0 rgba(16, 185, 129, .1), 0 8px 40px rgba(4, 12, 30, .06);
}

/* Pages with dark hero opt into `nav-on-dark` to get light nav text while
   the navbar is transparent. Reverts to defaults once `.scrolled` kicks in. */
#navbar.nav-on-dark:not(.scrolled) .nav-link        { color: rgba(255, 255, 255, .82); }
#navbar.nav-on-dark:not(.scrolled) .nav-link:hover  { color: #fff; }
#navbar.nav-on-dark:not(.scrolled) #nav-logo span   { color: #fff; }
#navbar.nav-on-dark:not(.scrolled) .nav-chevron     { color: rgba(255, 255, 255, .82); }
#navbar.nav-on-dark:not(.scrolled) #nav-cta button > span { background: #fff; }