/*
 * Hallmark design tokens — wOS / TAG · Crypto Concierge
 * Theme: Midnight (CC Brand Pass 2) · Genre: Atmospheric
 *
 * Brand palette — Crypto Concierge identity:
 *   Mirage        #0C2233  oklch(13% 0.040 228)  dark paper / inverted bg
 *   St Tropaz     #065471  oklch(33% 0.082 214)  dark accent / depth layer
 *   Curious Blue  #0A91AB  oklch(55% 0.116 200)  main brand — "liberally applied"
 *   Ronchi        #FFC045  oklch(82% 0.168 76)   light accent / CTA attention
 *   Desert Storm  #F9F9F8  oklch(97% 0.003 95)   text on dark / near-white
 */

:root {
  /* ── PAPER — Mirage cool-navy family ───── */
  --color-paper:       oklch(11% 0.038 228);  /* deeper than Mirage for base layer */
  --color-paper-2:     oklch(15% 0.042 228);  /* Mirage #0C2233 equivalent */
  --color-paper-3:     oklch(21% 0.052 222);  /* lifted card surface */

  /* ── RULES & STRUCTURE ─────────────────── */
  --color-rule:        oklch(26% 0.062 218);  /* St Tropaz territory */
  --color-faint:       oklch(43% 0.052 210);

  /* ── TEXT HIERARCHY ────────────────────── */
  --color-ink:         oklch(97% 0.003 95);   /* Desert Storm #F9F9F8 */
  --color-ink-2:       oklch(81% 0.014 200);  /* cool-white, teal-tinged */
  --color-muted:       oklch(61% 0.030 207);

  /* ── PRIMARY ACCENT — Curious Blue ─────── */
  --color-teal:        oklch(55% 0.116 200);  /* Curious Blue #0A91AB — main brand */
  --color-teal-dim:    oklch(46% 0.096 207);  /* St Tropaz #065471 range */
  --color-teal-glow:   oklch(55% 0.116 200 / 0.15);

  /* ── CTA ACCENT — Ronchi gold ──────────── */
  --color-accent:      oklch(82% 0.168 76);   /* Ronchi #FFC045 */
  --color-accent-dim:  oklch(74% 0.148 72);
  --color-accent-glow: oklch(82% 0.168 76 / 0.18);
  --color-focus:       oklch(78% 0.175 75);   /* sharper Ronchi for focus rings */

  /* ── SEMANTIC ───────────────────────────── */
  --color-success:     oklch(60% 0.14 150);
  --color-error:       oklch(60% 0.20 25);

  /* ── ATMOSPHERIC BLOOM ─────────────────── */
  /* Curious Blue is dominant — "liberally applied" per brand brief */
  --color-bloom-teal:  oklch(55% 0.116 200 / 0.11);  /* brand-primary bloom */
  --color-bloom-amber: oklch(82% 0.10  76  / 0.06);  /* Ronchi warm accent corner */

  /* ── GLASS SURFACES ────────────────────── */
  --color-paper-glass: oklch(11% 0.038 228 / 0.92);

  /* ── FONTS ─────────────────────────────── */
  --font-display: 'Tomorrow', system-ui, sans-serif;
  --font-body:    'Geist', ui-sans-serif, system-ui, sans-serif;
  --font-outlier: 'JetBrains Mono', ui-monospace, monospace;

  /* ── TYPE SCALE — major third (×1.25) ──── */
  --text-xs:        0.64rem;
  --text-sm:        0.8rem;
  --text-base:      1rem;
  --text-md:        1.25rem;
  --text-lg:        1.5625rem;
  --text-xl:        1.9531rem;
  --text-2xl:       2.4414rem;
  --text-3xl:       3.0518rem;
  --text-4xl:       3.8147rem;
  --text-display-s: clamp(2rem, 3vw + 0.75rem, 3.5rem);
  --text-display:   clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-stat:      clamp(4.5rem, 12vw + 2rem, 10.5rem);

  /* ── SPACING — 4pt scale ───────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* ── MOTION ────────────────────────────── */
  --ease-out:    cubic-bezier(0, 0, 0.2, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:    150ms;
  --dur-base:    250ms;
  --dur-slow:    500ms;

  /* ── RADII ─────────────────────────────── */
  --radius-sm:   4px;
  --radius-md:   10px;
  --radius-pill: 999px;

  /* ── LAYOUT ────────────────────────────── */
  --container-max: 1120px;
  --container-pad: clamp(1.5rem, 5vw, 4rem);
}