:root{
--stone-50:#FAF7F0;
--stone-100:#F3EDDF;
--stone-200:#E7DCC3;
--stone-300:#D5C4A0;
--stone-400:#B9A57C;
--stone-600:#8A7658;
--ink-900:#2B2620;
--ink-700:#4A443B;
--ink-500:#6F6759;
--ink-300:#A69C8A;
--shutter-100:#E3EBF0;
--shutter-200:#C3D5E0;
--shutter-400:#7FA0B6;
--shutter-500:#537992;
--shutter-700:#375872;
--shutter-900:#243B4D;
--terracotta-200:#EAC3A4;
--terracotta-400:#D28A55;
--terracotta-500:#BD6A38;
--terracotta-700:#8C4B26;
--sage-200:#D4DAC0;
--sage-400:#9CA97C;
--sage-500:#7C8A5C;
--sage-700:#5A6642;
--cream-0:#FFFFFF;
--gold-400:#C9A24B;
--color-bg:var(--stone-50);
--color-surface:var(--cream-0);
--color-surface-sunken:var(--stone-100);
--color-surface-tint:var(--shutter-100);
--color-border:var(--stone-300);
--color-border-strong:var(--stone-400);
--color-text:var(--ink-900);
--color-text-muted:var(--ink-500);
--color-text-inverse:var(--stone-50);
--color-primary:var(--shutter-500);
--color-primary-hover:var(--shutter-700);
--color-primary-active:var(--shutter-900);
--color-primary-tint:var(--shutter-100);
--color-accent:var(--terracotta-500);
--color-accent-hover:var(--terracotta-700);
--color-accent-tint:var(--terracotta-200);
--color-success:var(--sage-500);
--color-success-tint:var(--sage-200);
--color-focus-ring:var(--shutter-400);
}