:root {
  /* Purple — primary accent (2b "Calma editorial" direction) */
  --purple-50:  oklch(0.97 0.015 310);
  --purple-100: oklch(0.93 0.03 310);
  --purple-200: oklch(0.86 0.05 308);
  --purple-300: oklch(0.75 0.08 306);
  --purple-400: oklch(0.62 0.11 305);
  --purple-500: oklch(0.42 0.13 304); /* #4C1B70 — primary brand purple, from logo */
  --purple-600: oklch(0.36 0.12 303);
  --purple-700: oklch(0.30 0.11 302);
  --purple-800: oklch(0.24 0.09 300);
  --purple-900: oklch(0.18 0.07 298);

  /* Terracotta — secondary accent (warm CTAs, tags) */
  --terracotta-50:  oklch(0.97 0.02 45);
  --terracotta-100: oklch(0.93 0.045 45);
  --terracotta-200: oklch(0.86 0.07 45);
  --terracotta-300: oklch(0.77 0.09 45);
  --terracotta-400: oklch(0.68 0.105 45);
  --terracotta-500: oklch(0.615 0.105 45); /* #D9622C — secondary brand color, from logo */
  --terracotta-600: oklch(0.52 0.10 45);
  --terracotta-700: oklch(0.42 0.09 42);
  --terracotta-800: oklch(0.33 0.075 38);
  --terracotta-900: oklch(0.24 0.055 35);

  /* Gold — tertiary accent (highlights, small marks) */
  --gold-50:  oklch(0.97 0.02 85);
  --gold-100: oklch(0.92 0.05 82);
  --gold-200: oklch(0.85 0.08 78);
  --gold-300: oklch(0.78 0.11 75);
  --gold-400: oklch(0.72 0.13 72);
  --gold-500: oklch(0.66 0.135 70); /* #EEA830 — tertiary brand color, from logo */
  --gold-600: oklch(0.56 0.12 68);
  --gold-700: oklch(0.46 0.10 65);

  --cream-0:   oklch(0.99 0.006 85);
  --cream-50:  oklch(0.975 0.014 85); /* #FFF7E6 — warm cream, for tinted sections */
  --cream-100: oklch(0.95 0.018 82);
  --cream-200: oklch(0.90 0.02 78);

  --ink-900: oklch(0.22 0.025 300);
  --ink-700: oklch(0.36 0.02 300);
  --ink-500: oklch(0.50 0.018 300);
  --ink-300: oklch(0.68 0.014 300);
  --ink-200: oklch(0.82 0.01 300);
  --ink-100: oklch(0.90 0.008 300);

  --state-success: oklch(0.6 0.11 145);
  --state-danger:  oklch(0.58 0.15 25);
  --state-warning: oklch(0.75 0.13 75);

  /* Semantic aliases */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-surface-tint: var(--purple-50);
  --color-border: var(--ink-100);
  --color-border-strong: var(--ink-200);

  --color-text-primary: var(--ink-900);
  --color-text-secondary: var(--ink-500);
  --color-text-muted: var(--ink-300);
  --color-text-on-accent: #ffffff;

  --color-accent: var(--purple-500);
  --color-accent-hover: var(--purple-600);
  --color-accent-active: var(--purple-700);
  --color-accent-subtle: var(--purple-50);
  --color-accent-subtle-border: var(--purple-200);

  --color-accent-2: var(--terracotta-500);
  --color-accent-2-hover: var(--terracotta-600);
  --color-accent-2-active: var(--terracotta-700);
  --color-accent-2-subtle: var(--terracotta-50);
  --color-accent-2-subtle-border: var(--terracotta-200);

  --color-accent-3: var(--gold-500);
  --color-accent-3-subtle: var(--gold-50);
  --color-accent-3-subtle-border: var(--gold-200);

  --color-focus-ring: var(--purple-400);
  --color-success: var(--state-success);
  --color-danger: var(--state-danger);
  --color-warning: var(--state-warning);
}