/* ============================================================
   Simulacra — design tokens
   ============================================================ */

:root {
  /* ---------- ink (dark surface) ---------- */
  --ink-1000: #04060C;
  --ink-900:  #07090F;
  --ink-800:  #0E1220;
  --ink-700:  #161B2E;
  --ink-600:  #1F2640;
  --ink-500:  #2A3050;

  --line-1: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);
  --line-3: rgba(255, 255, 255, 0.22);

  /* ---------- paper (light surface) ---------- */
  --paper-50:  #FAF7F2;
  --paper-100: #F2EDE3;
  --paper-200: #E6E0D2;
  --paper-ink: #15171F;
  --paper-ink-2: #4A4F5C;

  /* ---------- text on ink ---------- */
  --text-1: rgba(255, 255, 255, 0.96);
  --text-2: rgba(255, 255, 255, 0.74);
  --text-3: rgba(255, 255, 255, 0.54);
  --text-4: rgba(255, 255, 255, 0.36);

  /* ---------- brand ---------- */
  --brand-1: #FF2D75;   /* magenta */
  --brand-2: #B82BD8;   /* purple */
  --brand-3: #5C3DFF;   /* indigo */
  --brand-grad: linear-gradient(120deg, #FF2D75 0%, #B82BD8 50%, #5C3DFF 100%);
  --brand-grad-soft: linear-gradient(120deg, rgba(255,45,117,0.18) 0%, rgba(184,43,216,0.16) 50%, rgba(92,61,255,0.18) 100%);

  /* ---------- semantic ---------- */
  --accent: #4EE0E0;     /* validation cyan */
  --accent-soft: rgba(78, 224, 224, 0.12);
  --warn: #F0B53A;
  --good: #6BE6A6;
  --guard: #FF5C5C;      /* refused / outside support */

  /* ---------- type ---------- */
  --font-display: "Fraunces", "Iowan Old Style", Charter, Georgia, serif;
  --font-body: "Switzer", "Söhne", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---------- radii ---------- */
  --r-1: 6px;
  --r-2: 10px;
  --r-3: 16px;
  --r-4: 22px;
  --r-pill: 999px;

  /* ---------- spacing ---------- */
  --pad-x: clamp(20px, 3vw, 40px);
  --section-y: clamp(72px, 11vh, 144px);
  --section-y-lg: clamp(96px, 14vh, 184px);
  --hero-eyebrow-top: clamp(88px, 12vh, 144px);

  /* ---------- elevation ---------- */
  --shadow-1: 0 1px 0 rgba(255,255,255,0.04) inset, 0 14px 30px -14px rgba(0,0,0,0.55);
  --shadow-2: 0 1px 0 rgba(255,255,255,0.06) inset, 0 30px 60px -28px rgba(0,0,0,0.65);

  /* ---------- motion ---------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.32, 0.72, 0, 1);
  --t-1: 200ms;
  --t-2: 380ms;
  --t-3: 640ms;
  --t-4: 1200ms;

  /* ---------- container ---------- */
  --content: 1360px;
  --content-narrow: 920px;
  --content-wide: 1520px;
}