/* ==========================================================================
   Prime UC — Design Tokens
   Brand is monochrome: black, grays, white. No color. Dark-luxury, high
   contrast, editorial. White is the only "accent".
   Easing curves follow Emil Kowalski's design-engineering guidance.
   ========================================================================== */

:root {
  /* ---- Surfaces (neutral near-black → grays) ---- */
  --color-bg:        oklch(14% 0 0);
  --color-bg-deep:   oklch(9% 0 0);
  --color-surface:   oklch(18% 0 0);
  --color-surface-2: oklch(23% 0 0);
  --color-line:      oklch(100% 0 0 / 0.12);

  /* ---- Text ---- */
  --color-text:      oklch(98% 0 0);
  --color-text-soft: oklch(80% 0 0);
  --color-text-mute: oklch(58% 0 0);

  /* ---- "Accent" = white (and its washes) ---- */
  --color-accent:        oklch(98% 0 0);
  --color-accent-bright: oklch(100% 0 0);
  --color-accent-deep:   oklch(72% 0 0);
  --color-on-accent:     oklch(12% 0 0);   /* ink on white surfaces */
  --glow-accent: oklch(100% 0 0 / 0.06);
  --glow-acid:   oklch(100% 0 0 / 0.05);

  /* ---- Color signals (used sparingly over the monochrome base) ---- */
  --color-green: oklch(72% 0.16 152);   /* "open" / live signal */
  --color-red:   oklch(62% 0.19 25);    /* subtle detail accents */

  /* ---- Typography ---- */
  --font-sans: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Fluid type scale ---- */
  --text-xs:    clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --text-sm:    clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);
  --text-base:  clamp(1rem, 0.95rem + 0.3vw, 1.1875rem);
  --text-lg:    clamp(1.25rem, 1.1rem + 0.7vw, 1.6rem);
  --text-xl:    clamp(1.6rem, 1.3rem + 1.4vw, 2.4rem);
  --text-2xl:   clamp(2.2rem, 1.55rem + 3vw, 4rem);
  --text-hero:  clamp(3rem, 1.1rem + 8vw, 9rem);
  --text-mega:  clamp(3.6rem, 0.4rem + 13vw, 13rem);

  /* ---- Spacing rhythm (intentional, not uniform) ---- */
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-section: clamp(5rem, 4rem + 8vw, 12rem);

  /* ---- Measure ---- */
  --measure: 62ch;
  --measure-narrow: 44ch;

  /* ---- Motion (Emil's stronger curves) ---- */
  --dur-fast:   160ms;
  --dur-normal: 320ms;
  --dur-slow:   720ms;
  --ease-out:      cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.77, 0, 0.175, 1);
  --ease-soft:     cubic-bezier(0.33, 1, 0.68, 1);

  /* ---- Frame ---- */
  --gutter: clamp(1.25rem, 0.8rem + 3vw, 4rem);
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-soft: 0 24px 60px -24px oklch(0% 0 0 / 0.6);
  --shadow-lift: 0 40px 90px -32px oklch(0% 0 0 / 0.75);
}