/* Money — OKLCH tokens (generated) */

:root {
  color-scheme: light;

  /* ─ Brand palette ─ */
  --inky:      oklch(0.161 0.112 264);
  --glossy:    oklch(0.502 0.214 269);
  --byline:    oklch(0.749 0.128 268);
  --newsprint: oklch(0.731 0.028 248);
  --coin:      oklch(0.747 0.110 90);

  /* ─ Surfaces ─ */
  --surface-0:        oklch(0.975 0.005 269);
  --surface-1:        oklch(1.000 0 0);
  --surface-2:        oklch(0.985 0 0 / 85%);
  --surface-subtle:   oklch(0.955 0.004 269);
  --surface-elevated: oklch(1.000 0 0);

  /* ─ Text ─ */
  --text-primary:   oklch(0.161 0.106 269);
  --text-secondary: oklch(0.450 0.020 269);
  --text-muted:     oklch(0.600 0.015 269);
  --text-brand:     oklch(0.502 0.214 269);

  /* ─ Borders ─ */
  --border-default: oklch(0.870 0.008 269);
  --border-subtle:  oklch(0.920 0.005 269);

  /* ─ Accent ─ */
  --accent:        oklch(0.502 0.214 269);
  --accent-hover:  oklch(0.452 0.214 269);
  --accent-active: oklch(0.402 0.214 269);

  /* ─ Semantic ─ */
  --success: oklch(0.682 0.144 165);
  --warning: oklch(0.729 0.179 47);
  --danger:  oklch(0.629 0.222 34);

  /* ─ Type scale ─ */
  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;

  /* ─ Font stacks ─ */
  --font-family-sans:  "Archivo", ui-sans-serif, system-ui, sans-serif;
  --font-family-serif: "IBM Plex Serif", ui-serif, Georgia, serif;
  --font-family-mono:  ui-monospace, "Cascadia Code", "Fira Code", monospace;

  /* ─ Radius ─ */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    --surface-0:        oklch(0.145 0.008 269);
    --surface-1:        oklch(0.195 0.012 269);
    --surface-2:        oklch(0.195 0.008 269 / 85%);
    --surface-subtle:   oklch(0.170 0.010 269);
    --surface-elevated: oklch(0.230 0.014 269);

    --text-primary:   oklch(0.960 0 0);
    --text-secondary: oklch(0.720 0.010 269);
    --text-muted:     oklch(0.550 0.008 269);
    --text-brand:     oklch(0.752 0.126 269);

    --border-default: oklch(0.300 0.012 269);
    --border-subtle:  oklch(0.250 0.008 269);

    --accent:        oklch(0.652 0.180 269);
    --accent-hover:  oklch(0.702 0.155 269);
    --accent-active: oklch(0.602 0.180 269);

    --success: oklch(0.740 0.144 165);
    --warning: oklch(0.780 0.160 47);
    --danger:  oklch(0.700 0.200 34);
  }
}

@media (color-gamut: p3) {
  :root {
    --accent:  oklch(0.502 0.257 269);
    --success: oklch(0.682 0.173 165);
    --danger:  oklch(0.629 0.266 34);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --accent:  oklch(0.652 0.216 269);
      --success: oklch(0.740 0.173 165);
    }
  }
}