:root {
  /* Coral (brand hue) */
  --coral-50: #fbeeea;
  --coral-100: #f5ded6;
  --coral-200: #eabeb0;
  --coral-250: #d88270;
  --coral-300: #df9d8c;
  --coral-400: #d88070;
  --coral-500: #c56552;
  --coral-600: #a94f3f;
  --coral-700: #863d31;
  --coral-800: #602b23;

  /* Sage */
  --sage-100: #e8ede1;
  --sage-200: #cfdac0;
  --sage-300: #b3c49c;
  --sage-400: #93a878;
  --sage-500: #758c5b;
  --sage-600: #5c7045;
  --sage-700: #455333;

  /* Gold */
  --gold-100: #f3e8cc;
  --gold-300: #e2c98b;
  --gold-500: #c39c4e;
  --gold-700: #95753a;

  /* Ink (warm-tinted neutrals) */
  --ink-900: #383838;
  --ink-800: #464341;
  --ink-700: #5b5652;
  --ink-600: #736c66;
  --ink-500: #8f877f;
  --ink-400: #aca39a;
  --ink-300: #c9c1b6;
  --ink-200: #ded7cc;
  --ink-100: #ede6db;
  --ink-050: #f7f2ea;

  --paper: #fdfaf5;
  --white: #ffffff;

  /* Semantic */
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-700);
  --text-muted: var(--ink-500);
  --text-on-coral: var(--white);
  --text-on-dark: var(--ink-050);

  --surface-page: #ffffff;
  --surface-band: #efedeb;
  --surface-raised: #ffffff;
  --surface-sunken: var(--ink-050);
  --surface-tint: var(--coral-50);
  --surface-dark: var(--ink-900);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-500);

  --brand-primary: var(--coral-250);
  --brand-primary-hover: var(--coral-400);
  --brand-primary-active: var(--coral-500);
  --brand-secondary: var(--sage-500);
  --brand-secondary-hover: var(--sage-600);
  --accent-gold: var(--gold-500);

  --state-success: var(--sage-600);
  --state-warning: var(--gold-500);
  --state-error: #b3402e;
  --state-info: var(--ink-600);

  --focus-ring: var(--coral-400);
}