/* Hallmark · macrostructure: n/a (app UI, component-scope)
 * theme: Aurora (catalog, blue-shifted) · paper: oklch(11% 0.025 245) · accent: oklch(65% 0.19 253) dodger blue · accent-2: oklch(72% 0.14 235) azure
 * display: Geist 600 · body: Geist · axes: dark / geometric-sans / cool
 * source: Nutlope/hallmark [data-theme="aurora"], hue-shifted 200→245-253 at user request (dodgerblue anchor #1e90ff)
 */

:root {
  /* ---- color · Aurora ramp, dodger-blue anchor ---- */
  --color-paper:       oklch(11% 0.025 245);
  --color-paper-2:     oklch(15% 0.028 245);
  --color-paper-3:     oklch(18% 0.030 245);
  --color-paper-dim:   oklch(9%  0.020 245);
  --color-rule:        oklch(28% 0.022 245);
  --color-rule-soft:   oklch(23% 0.022 245);
  --color-rule-2:      oklch(38% 0.024 245);
  --color-rule-hover:  oklch(38% 0.024 245);
  --color-muted:       oklch(66% 0.020 240);
  --color-neutral:     oklch(74% 0.014 240);
  --color-ink-2:       oklch(82% 0.012 240);
  --color-ink:         oklch(96% 0.010 240);
  --color-accent:      oklch(65% 0.190 253);
  --color-accent-deep: oklch(50% 0.155 253);
  --color-accent-2:    oklch(72% 0.140 235);
  --color-accent-ink:  oklch(98% 0.008 240);
  --color-focus:       oklch(72% 0.160 250);

  /* game-state semantics (functional, never decorative) — hued clear of the blue brand accent */
  --color-crew:     oklch(78% 0.140 150);
  --color-imposter: oklch(66% 0.190 20);
  --color-troll:    oklch(80% 0.130 85);

  /* gradients (fills only — never on text); light accent-ink text on dodger fill ≥4.5:1 */
  --grad-accent: linear-gradient(180deg, oklch(58% 0.185 250), oklch(53% 0.180 256));
  --grad-crew:   linear-gradient(160deg, oklch(24% 0.050 160), oklch(18% 0.040 180));
  --grad-imp:    linear-gradient(160deg, oklch(24% 0.060 20),  oklch(17% 0.045 15));
  --grad-win:    linear-gradient(160deg, oklch(25% 0.055 155), oklch(18% 0.042 170));
  --grad-troll:  linear-gradient(160deg, oklch(24% 0.048 85),  oklch(17% 0.038 80));

  /* ---- type · Geist display 600, Geist body ---- */
  --font-display: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Geist", -apple-system, "Segoe UI", Roboto, sans-serif;
  --tracking-display: -0.035em;
  --tracking-label: 0.10em;

  /* ---- spacing (4pt scale) ---- */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 22px; --s6: 32px; --s7: 48px;

  /* ---- shape ---- */
  --radius: 12px;
  --radius-pill: 999px;
  --radius-input: 10px;

  /* ---- motion ---- */
  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: .16s;
  --dur-mid: .26s;
}

/* ---- light mode ("Aurora Day") — dark stays the brand default ----
   Accent drops to L55 so dodger-as-text keeps >=3:1 on light paper;
   role gradients flip to light tints with darkened role text. */
:root[data-theme="light"] {
  --color-paper:       oklch(97% 0.008 245);
  --color-paper-2:     oklch(94% 0.010 245);
  --color-paper-3:     oklch(90% 0.014 245);
  --color-paper-dim:   oklch(86% 0.012 245);
  --color-rule:        oklch(82% 0.020 245);
  --color-rule-soft:   oklch(88% 0.014 245);
  --color-rule-2:      oklch(66% 0.030 245);
  --color-rule-hover:  oklch(60% 0.036 245);
  --color-muted:       oklch(45% 0.030 245);
  --color-neutral:     oklch(48% 0.026 245);
  --color-ink-2:       oklch(30% 0.022 245);
  --color-ink:         oklch(18% 0.020 245);
  --color-accent:      oklch(55% 0.190 253);
  --color-accent-deep: oklch(45% 0.160 253);
  --color-accent-2:    oklch(55% 0.140 235);
  --color-accent-ink:  oklch(98% 0.008 240);
  --color-focus:       oklch(48% 0.170 250);

  --color-crew:     oklch(42% 0.130 150);
  --color-imposter: oklch(50% 0.190 20);
  --color-troll:    oklch(52% 0.120 85);

  --grad-crew:   linear-gradient(160deg, oklch(92% 0.040 160), oklch(96% 0.020 180));
  --grad-imp:    linear-gradient(160deg, oklch(92% 0.050 20),  oklch(96% 0.025 15));
  --grad-win:    linear-gradient(160deg, oklch(91% 0.045 155), oklch(95% 0.025 170));
  --grad-troll:  linear-gradient(160deg, oklch(92% 0.045 85),  oklch(96% 0.025 80));
}
