:root{
--color-ink:#1F1417;
--color-terracotta:#7A3228;
--color-cream:#FAF4EC;
--color-stone:#A99B93;
--color-clay:#EAE0D2;
--color-white:#FFFFFF;
--terracotta-10:oklch(from var(--color-terracotta) l c h / 0.1);
--terracotta-20:oklch(from var(--color-terracotta) l c h / 0.2);
--terracotta-dark:oklch(from var(--color-terracotta) calc(l - 0.08) c h);
--terracotta-light:oklch(from var(--color-terracotta) calc(l + 0.1) calc(c - 0.02) h);
--text-primary:var(--color-ink);
--text-secondary:var(--color-stone);
--text-on-dark:var(--color-cream);
--text-accent:var(--color-terracotta);
--surface-page:var(--color-cream);
--surface-card:var(--color-white);
--surface-soft:var(--color-clay);
--surface-dark:var(--color-ink);
--surface-accent:var(--color-terracotta);
--border-default:color-mix(in oklch, var(--color-stone) 40%, transparent);
--border-soft:color-mix(in oklch, var(--color-stone) 22%, transparent);
--border-accent:var(--color-terracotta);
--focus-ring:oklch(from var(--color-terracotta) l c h / 0.35);
}