:root{
  /* Neutrals — warm sand/taupe scale */
  --neutral-0:#FFFDF9;
  --neutral-50:#F7F3EC;
  --neutral-100:#F0E9DC;
  --neutral-200:#E5DAC6;
  --neutral-300:#D4C4A6;
  --neutral-400:#B8A483;
  --neutral-500:#8F7A5C;
  --neutral-600:#5F5140;
  --neutral-700:#3F362B;
  --neutral-800:#2A211A;
  --neutral-900:#1A140F;
  --neutral-1000:#0D0906;

  /* Brand */
  --brass-300:#D6B87A;
  --brass-400:#C4A25B;
  --brass-500:#B08A4A;
  --brass-600:#8F6E37;
  --brass-700:#6E5427;

  /* Semantic hues (muted, editorial) */
  --olive-500:#5C7A4E;
  --olive-100:#E5EBDC;
  --amber-500:#B8862B;
  --amber-100:#F3E6C7;
  --terracotta-500:#8B3A2E;
  --terracotta-100:#F1D9D2;
  --sky-500:#4E6D7A;
  --sky-100:#DCE5E9;

  /* Semantic aliases */
  --canvas:var(--neutral-50);
  --surface:var(--neutral-0);
  --surface-raised:#FFFFFF;
  --surface-sunken:var(--neutral-100);
  --surface-dark:var(--neutral-800);
  --surface-inverse:var(--neutral-900);

  --text-primary:var(--neutral-800);
  --text-secondary:var(--neutral-600);
  --text-muted:var(--neutral-500);
  --text-inverse:var(--neutral-50);
  --text-accent:var(--brass-600);

  --border-subtle:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--neutral-500);
  --border-inverse:var(--neutral-700);

  --accent:var(--brass-500);
  --accent-hover:var(--brass-600);
  --accent-soft:#F1E6CC;

  --success:var(--olive-500);
  --warning:var(--amber-500);
  --danger:var(--terracotta-500);
  --info:var(--sky-500);

  --focus-ring:color-mix(in oklch,var(--brass-500) 40%,transparent);
}