/* ──────────────────────────────────────────────────────────────────────────
   Convicta — brand tokens (single DRY source for all design/ assets)
   SOURCE OF TRUTH: Polymarket Pulse Design System "THE ORACLE"
     - verified against pulse-app/miniapp/web/tokens.css (production canon)
     - cross-checked against mockups/Pulse Mockups.dc.html (same values)
   Do not edit values here without a matching change in the design system.
   Derived (not invented) additions are marked [derived: mockups].
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* ── DARK "The Oracle" (canonical brand surface for marketing assets) ── */
  --bg: #0B0E15;            /* app background, near-black                */
  --bg-deep: #06080D;       /* page canvas behind cards [derived: mockups] */
  --card: #151922;
  --card-2: #1B202B;
  --ink: #ECE9E1;           /* warm bone */
  --muted: #868C9B;         /* AA on --bg (~5.9:1) */
  --faint: #565C6E;
  --accent: #F2941B;        /* the single amber accent */
  --accent-strong: #F2941B;
  --accent-ink: #0B0E15;    /* text over amber fill */
  --accent-soft: rgba(242, 148, 27, .10);
  --line: #242A36;
  --line-2: #1A1F29;
  --yes: #34C98B;
  --no: #F2604A;
  --glow: 0 0 14px rgba(242, 148, 27, .35);
  --shadow-card: none;
  --shadow-pop: 0 14px 40px -12px rgba(0, 0, 0, .7);
  --logo-ink: #8A8F9E;
  --logo-accent: #F2941B;

  /* ── type (system fonts self-hosted for web deliverables) ── */
  --font-body: -apple-system, "SF Pro Text", Roboto, "Segoe UI", system-ui, sans-serif;
  --font-head: "Space Grotesk", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* type scale [derived: mockups — 11/12/14/16/20/24/32 + display] */
  --fs-label: 12px;         /* mono labels, letter-spacing .22em, uppercase */
  --fs-small: 14px;
  --fs-body: 16px;
  --fs-h3: 20px;
  --fs-h2: 24px;
  --fs-h1: 32px;
  --fs-display: clamp(40px, 7vw, 72px); /* landing hero [derived] */
  --lh-tight: 1.15;
  --lh-body: 1.55;
  --ls-head: -0.01em;
  --ls-label: 0.22em;
  --ls-label-wide: 0.3em;

  /* spacing (4/8 grid) [derived: mockups paddings 14/18/56/64/96] */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 14px; --sp-4: 18px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 56px; --sp-8: 64px; --sp-9: 96px;

  /* radii [derived: mockups — cards 14, pills 999] */
  --radius-card: 14px;
  --radius-pill: 999px;

  /* motion (THE ORACLE reference tokens) */
  --ease: cubic-bezier(.2, .6, .2, 1);
  --dur-fast: .12s;
  --dur-switch: .16s;
  --dur-page: .32s;
  --tap-min: 44px;
}

/* ── LIGHT "parchment" (kept for print/one-pager surfaces) ── */
[data-theme="light"] {
  --bg: #F4F1E9;
  --bg-deep: #F4F1E9;
  --card: #FFFFFF;
  --card-2: #FBF8F0;
  --ink: #16191F;
  --muted: #6C7280;
  --faint: #9AA0AD;
  --accent: #D97A12;
  --accent-strong: #B5640A;
  --accent-ink: #16191F;
  --accent-soft: rgba(217, 122, 18, .10);
  --line: #E4DFD2;
  --line-2: #EFE9DC;
  --yes: #1E9E6A;
  --no: #D2452F;
  --glow: none;
  --shadow-card: 0 1px 2px rgba(20, 16, 8, .05);
  --shadow-pop: 0 10px 30px -10px rgba(20, 16, 8, .18);
  --logo-accent: #D97A12;
}