:root{
--hm-cream:#FFEEDB;
--hm-tan:#FAE0BC;
--hm-red:#D54031;
--hm-red-dark:#B23225;
--hm-red-darker:#8F2A1E;
--hm-maroon:#6E171B;
--hm-maroon-dark:#4E1013;
--hm-orange:#FFB83D;
--hm-orange-dark:#E6A22D;
--hm-ink:#3B1B15;
--hm-black:#27211B;
--hm-blush:#FBEFE9;
--hm-white:#FFFFFF;
--surface-page:var(--hm-cream);
--surface-raised:var(--hm-white);
--surface-sunken:var(--hm-tan);
--surface-inverse:var(--hm-ink);
--surface-inverse-deep:var(--hm-black);
--surface-accent:var(--hm-red);
--surface-accent-deep:var(--hm-maroon);
--text-primary:var(--hm-ink);
--text-secondary:oklch(from var(--hm-ink) l c h / 0.66);
--text-muted:oklch(from var(--hm-ink) l c h / 0.46);
--text-on-accent:var(--hm-cream);
--text-on-dark:var(--hm-cream);
--text-link:var(--hm-red);
--text-link-hover:var(--hm-red-dark);
--border-subtle:oklch(from var(--hm-ink) l c h / 0.14);
--border-default:oklch(from var(--hm-ink) l c h / 0.26);
--border-accent:var(--hm-red);
--accent-primary:var(--hm-red);
--accent-primary-hover:var(--hm-red-dark);
--accent-primary-active:var(--hm-red-darker);
--accent-secondary:var(--hm-maroon);
--accent-secondary-hover:var(--hm-maroon-dark);
--focus-ring:var(--hm-red);
--state-success:oklch(0.55 0.13 152);
--state-warning:var(--hm-orange);
--accent-tertiary:var(--hm-orange);
--accent-tertiary-hover:var(--hm-orange-dark);
--state-error:var(--hm-red);
--shadow-color:oklch(from var(--hm-black) l c h / 0.22);
}