/*
 * Color system.
 * Reference: https://oklch.com/
 */
:root {
  /* LCH color primitives - raw OKLCH values without oklch() wrapper */
  --lch-indigo-darkest: 30% 0.15 277;
  --lch-indigo-dark: 45% 0.21 277;
  --lch-indigo: 51% 0.23 277;
  --lch-indigo-light: 93% 0.04 277;

  --lch-red-dark: 50% 0.19 27;
  --lch-red: 58% 0.22 27;
  --lch-red-light: 95% 0.025 25;

  --lch-green-dark: 46% 0.12 150;
  --lch-green: 55% 0.15 150;
  --lch-green-light: 95.5% 0.03 150;

  --lch-orange-dark: 55% 0.13 60;
  --lch-orange: 70% 0.15 60;
  --lch-orange-light: 96.5% 0.03 70;

  /* Named colors - semantic colors built from LCH primitives */
  --color-success: oklch(var(--lch-green-dark));
  --color-warning: oklch(var(--lch-orange-dark));
  --color-error: oklch(var(--lch-red-dark));

  /* Abstractions - semantic purpose-based colors */
  --color-ink: oklch(25% 0.02 260);
  --color-ink-secondary: oklch(50% 0.02 260);
  --color-ink-faint: oklch(65% 0.015 260);
  --color-border: oklch(91% 0.006 260);
  --color-canvas: oklch(98.5% 0.002 260);
  --color-surface: oklch(100% 0 0);
  --color-accent: oklch(var(--lch-indigo));
  --color-link: oklch(var(--lch-indigo-dark));
}