:root{
/* ── Foil: the signature. Card foil is the subject's own material, so it
   is the one gradient in the system. Used as a 1-2px rule, a text clip,
   or a hairline on a panel edge — never as a large fill. ─────────────── */
--foil:linear-gradient(100deg,#67e8f9 0%,#a78bfa 34%,#f0abfc 62%,#67e8f9 100%); /* @kind other */
--foil-soft:linear-gradient(100deg,rgba(103,232,249,.5),rgba(167,139,250,.5),rgba(240,171,252,.5),rgba(103,232,249,.5)); /* @kind other */
--foil-edge:linear-gradient(90deg,transparent,rgba(167,139,250,.55) 30%,rgba(103,232,249,.55) 70%,transparent); /* @kind other */

/* ── Glow: bloom behind a hero or under a primary button ───────────── */
--glow-violet:0 0 24px rgba(124,92,245,.28),0 0 72px rgba(124,92,245,.12); /* @kind shadow */
--glow-cyan:0 0 24px rgba(34,211,238,.26),0 0 72px rgba(34,211,238,.10); /* @kind shadow */
--glow-up:0 0 12px rgba(74,222,128,.5); /* @kind shadow */
--bloom-hero:radial-gradient(60% 60% at 50% 0%,rgba(124,92,245,.16),transparent 70%); /* @kind other */
--bloom-floor:radial-gradient(80% 100% at 50% 100%,rgba(34,211,238,.10),transparent 70%); /* @kind other */

/* ── Shadows: soft, wide, always downward ──────────────────────────── */
--sh-card:0 1px 0 rgba(255,255,255,.03) inset,0 12px 28px -16px rgba(0,0,0,.6); /* @kind shadow */
--sh-panel:0 30px 60px -28px rgba(0,0,0,.7); /* @kind shadow */
--sh-lift:0 18px 40px -14px rgba(0,0,0,.55); /* @kind shadow */
--sh-pop:0 20px 50px -12px rgba(0,0,0,.75); /* @kind shadow */

/* ── Textures: the starfield / dot grid — the void is never flat ───── */
--grid-dot:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px); /* @kind other */
--grid-dot-size:32px 32px; /* @kind other */
--stars:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) .6px,transparent 1px),radial-gradient(circle at 72% 18%,rgba(240,171,252,.4) .7px,transparent 1px),radial-gradient(circle at 45% 78%,rgba(103,232,249,.35) .6px,transparent 1px),radial-gradient(circle at 88% 62%,rgba(255,255,255,.28) .6px,transparent 1px); /* @kind other */
--stars-size:340px 280px; /* @kind other */
--checker:linear-gradient(45deg,#1f2937 25%,#111827 25%,#111827 50%,#1f2937 50%,#1f2937 75%,#111827 75%); /* @kind other */

/* ── Glass: sticky nav, popovers, hero panels ─────────────────────── */
--glass-bg:rgba(5,6,12,.78);
--glass-blur:blur(16px); /* @kind other */
--protect-top:linear-gradient(180deg,rgba(5,6,12,.92),transparent); /* @kind other */
--protect-bottom:linear-gradient(180deg,transparent,rgba(5,6,12,.94) 62%); /* @kind other */

/* ── Imagery ──────────────────────────────────────────────────────── */
--img-hero-foil:url(../assets/img/foil-cards-hero.png); /* @kind other */
}