:root{
--teal-900:#0E4C5A;
--teal-800:#0B3D49;
--teal-700:#155A6A;
--teal-600:#1D6E7F;
--teal-100:#DCE9EB;
--gold-600:#A9812F;
--gold-500:#C89B3C;
--gold-400:#D4AF5C;
--gold-300:#E1C889;
--gold-100:#F4EBD8;
--white:#FFFFFF;
--graphite-900:#1D1D1D;
--graphite-700:#454545;
--graphite-500:#6E6E6E;
--sage-300:#D9BE86;
--sage-100:#F6EFDD;
--mist-100:#E8E1D2;
--surface-tint:#F1F2F1;
--sand-300:#B8935A;
--sand-100:#F1E9DB;
--amber-accent:#C77B2E;
--purple-accent:#6B4C7A;
--aqua-accent:#4C8A96;

--color-bg:var(--white);
--color-bg-teal:var(--teal-900);
--color-surface:var(--white);
--color-surface-sunken:var(--surface-tint);
--color-text-primary:var(--graphite-900);
--color-text-secondary:var(--graphite-700);
--color-text-muted:var(--graphite-500);
--color-text-inverse:var(--white);
--color-text-gold:var(--gold-500);
--color-accent:var(--gold-500);
--color-accent-hover:var(--gold-600);
--color-border:var(--mist-100);
--color-border-strong:#D3D8DB;
--color-focus-ring:var(--teal-700);

--sku-facewash:var(--teal-900);
--sku-moisturizer-accent:var(--sage-300);
--sku-brightening-accent:var(--sand-300);
--sku-vitaminc-accent:var(--amber-accent);
--sku-retinol-accent:var(--purple-accent);
--sku-hydration-accent:var(--aqua-accent);
}