:root{
--color-cream-50:#FFFDF9;--color-cream-100:#FBF3EA;--color-cream-200:#F5E9DA;
--color-blush-100:#F9E6E0;--color-blush-300:#F3D9D0;--color-blush-500:#E3B3AA;
--color-rose-400:#D9909A;--color-rose-500:#C97B84;--color-rose-600:#B3616C;--color-rose-700:#8A4A52;
--color-sage-200:#E7ECDF;--color-sage-400:#A9BB92;--color-sage-500:#8FA378;--color-sage-600:#748A5E;--color-sage-700:#5A6B45;
--color-walnut-500:#6b5d51;--color-walnut-700:#4A3F35;--color-walnut-900:#3B322A;
--color-gold-400:#D9A441;--color-sky-400:#7FB8D6;
--color-white:#FFFFFF;--color-black:#000000;

--surface-page:var(--color-cream-100);
--surface-raised:var(--color-white);
--surface-sunken:var(--color-cream-200);
--surface-accent:var(--color-blush-300);
--surface-inverse:var(--color-walnut-700);

--text-heading:var(--color-walnut-700);
--text-body:var(--color-walnut-500);
--text-muted:#9a897a;
--text-inverse:var(--color-cream-100);
--text-link:var(--color-rose-600);
--text-link-hover:var(--color-rose-700);

--border-subtle:#EDE0D3;
--border-default:#E3D3C2;

--brand-primary:var(--color-sage-500);
--brand-primary-hover:var(--color-sage-600);
--brand-secondary:var(--color-rose-500);
--brand-secondary-hover:var(--color-rose-600);

--semantic-success:var(--color-sage-600);
--semantic-warning:var(--color-gold-400);
--semantic-info:var(--color-sky-400);
--semantic-love:var(--color-rose-500);
}