:root {
  /* Base palette (all OKLCH) */
  --color-bg: oklch(0.98 0.004 80);
  --color-bg-header: oklch(0.98 0.004 80 / 0.92);
  --color-bg-muted: oklch(0.95 0.008 80);
  --color-bg-dark: oklch(0.22 0.01 80);
  --color-bg-card: oklch(0.98 0.004 80);

  --color-ink: oklch(0.22 0.01 80);
  --color-ink-muted: oklch(0.42 0.015 80);
  --color-ink-muted-strong: oklch(0.4 0.015 80);

  --color-border: oklch(0.89 0.006 80);
  --color-border-header: oklch(0.9 0.006 80);
  --color-border-outline: oklch(0.8 0.01 80);

  --color-accent-blue: oklch(0.5 0.1 230);
  --color-accent-blue-hover: oklch(0.4 0.11 230);
  --color-accent-blue-soft: oklch(0.94 0.03 230);
  --color-accent-blue-soft-strip: oklch(0.94 0.03 230 / 0.5);
  --color-accent-blue-line: oklch(0.7 0.06 230);
  --color-accent-blue-drift: oklch(0.6 0.08 230);
  --color-selection: oklch(0.86 0.05 230);

  --color-accent-gold: oklch(0.55 0.12 70);

  --color-on-dark: oklch(0.98 0.004 80);
  --color-on-dark-85: oklch(0.98 0.004 80 / 0.85);
  --color-on-dark-65: oklch(0.98 0.004 80 / 0.65);
  --color-on-dark-55: oklch(0.98 0.004 80 / 0.55);
  --color-on-dark-45: oklch(0.98 0.004 80 / 0.45);
  --color-on-dark-border: oklch(0.98 0.004 80 / 0.15);

  --color-overlay: oklch(0.15 0.01 80 / 0.55);
  --color-input-border: oklch(0.88 0.006 80);
  --color-input-bg: oklch(0.99 0.002 80);
  --color-input-placeholder: oklch(0.55 0.01 80);

  /* Type */
  --font-serif: 'Lora', serif;
  --font-sans: 'Public Sans', sans-serif;

  /* Layout */
  --container-max: 1180px;
  --container-max-wide: 1280px;
  --container-padding: 48px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 20px;
}