/* ConsumersAdvocate — OKLCH tokens (generated) */

:root {
  color-scheme: light;

  /* ─ Brand palette ─ */
  --inky:      oklch(0.192 0.062 258);
  --glossy:    oklch(0.460 0.170 258);
  --byline:    oklch(0.660 0.146 258);
  --newsprint: oklch(0.731 0.028 248);
  --coin:      oklch(0.746 0.110 85);

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

  /* ─ Text ─ */
  --text-primary:   oklch(0.161 0.059 258);
  --text-secondary: oklch(0.450 0.020 258);
  --text-muted:     oklch(0.600 0.015 258);
  --text-brand:     oklch(0.460 0.170 258);

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

  /* ─ Accent ─ */
  --accent:        oklch(0.460 0.170 258);
  --accent-hover:  oklch(0.410 0.152 258);
  --accent-active: oklch(0.360 0.133 258);

  /* ─ 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: "Playfair Display", 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 258);
    --surface-1:        oklch(0.195 0.012 258);
    --surface-2:        oklch(0.195 0.008 258 / 85%);
    --surface-subtle:   oklch(0.170 0.010 258);
    --surface-elevated: oklch(0.230 0.014 258);

    --text-primary:   oklch(0.960 0 0);
    --text-secondary: oklch(0.720 0.010 258);
    --text-muted:     oklch(0.550 0.008 258);
    --text-brand:     oklch(0.710 0.102 258);

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

    --accent:        oklch(0.610 0.143 258);
    --accent-hover:  oklch(0.660 0.143 258);
    --accent-active: oklch(0.560 0.143 258);

    --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.460 0.204 258);
    --success: oklch(0.682 0.173 165);
    --danger:  oklch(0.629 0.266 34);
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --accent:  oklch(0.610 0.172 258);
      --success: oklch(0.740 0.173 165);
    }
  }
}