/* Design tokens — Silver Cinema v4
   Pure monochrome — deep black base, warm-ish off-white,
   with chrome/silver gradients used as the signature accent. */
:root {
  /* ── Palette (pure mono) ── */
  --ink: #07070A;          /* deepest base */
  --ink-2: #0C0C10;        /* elevated */
  --ink-3: #14141A;        /* panels */
  --paper: #1A1A20;        /* card surface */

  --bone: #EDECE8;         /* primary text — warm off-white */
  --bone-dim: rgba(237, 236, 232, 0.66);
  --muted: #7A787A;        /* secondary text */
  --line: rgba(237, 236, 232, 0.08);
  --line-strong: rgba(237, 236, 232, 0.18);

  --signal: #FFFFFF;
  --signal-dim: rgba(255, 255, 255, 0.55);

  /* ── Monochrome gradients (the signature) ── */
  /* Main: bone → faded bone, diagonal. Reads as "light falling off" */
  --grad-mono:      linear-gradient(135deg, #FFFFFF 0%, rgba(237,236,232,0.55) 55%, rgba(237,236,232,0.12) 100%);
  --grad-mono-soft: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(237,236,232,0.35));
  /* Chrome: polished metal, used on borders/rings */
  --grad-chrome:    linear-gradient(135deg, #FFFFFF 0%, #5A595C 22%, #FFFFFF 46%, #2E2E34 72%, #D8D7D1 100%);
  /* Fog: top-white to bottom-fade, for fog-like letters */
  --grad-fog:       linear-gradient(180deg, #FFFFFF 0%, rgba(237,236,232,0.75) 45%, rgba(237,236,232,0.3) 100%);
  /* Sweep: thin light band used for shimmering across text */
  --grad-sweep:     linear-gradient(100deg, transparent 0%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.95) 48%, rgba(255,255,255,0.3) 55%, transparent 62%, transparent 100%);
  /* Hairline: gradient line for rules/dividers */
  --grad-hairline:  linear-gradient(90deg, transparent, rgba(237,236,232,0.45) 18%, rgba(237,236,232,0.85) 50%, rgba(237,236,232,0.45) 82%, transparent);
  /* Ambient spotlight used in hero */
  --grad-halo:      radial-gradient(circle at center, rgba(255,255,255,0.12), rgba(255,255,255,0.04) 45%, transparent 70%);

  /* ── Glass ── */
  --glass-fill:          rgba(255, 255, 255, 0.035);
  --glass-fill-strong:   rgba(255, 255, 255, 0.07);
  --glass-border:        rgba(255, 255, 255, 0.09);
  --glass-border-strong: rgba(255, 255, 255, 0.18);
  --glass-blur:          saturate(140%) blur(16px);
  --glass-blur-lg:       saturate(160%) blur(26px);

  /* ── Type families — Geist (display + body), Geist Mono (technical) ── */
  --font-display: 'Geist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-serif:   'Geist', -apple-system, BlinkMacSystemFont, sans-serif; /* italic accents use Geist italic */
  --font-sans:    'Geist', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;

  /* ── Fluid scale ── */
  --fs-xs: 0.6875rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.5rem, 2vw, 1.875rem);
  --fs-2xl: clamp(2rem, 3.5vw, 3rem);
  --fs-3xl: clamp(2.75rem, 5.5vw, 4.75rem);
  --fs-4xl: clamp(3.5rem, 8.5vw, 7rem);
  --fs-5xl: clamp(4rem, 13vw, 11rem);
  --fs-6xl: clamp(5rem, 18vw, 17rem);

  /* ── Spacing ── */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 8rem;
  --s-11: 12rem;
  --s-12: 16rem;

  /* Layout */
  --gutter: clamp(1.25rem, 2.4vw, 2rem);
  --max-w: 1760px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-cinema: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 0.25s;
  --dur-base: 0.5s;
  --dur-slow: 0.9s;
  --dur-xslow: 1.4s;

  /* Radii */
  --r-sm: 2px;
  --r-md: 6px;
  --r-lg: 14px;
  --r-xl: 22px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-soft: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 0 60px rgba(255, 255, 255, 0.08), 0 0 160px rgba(255, 255, 255, 0.04);
}