:root{
--ink-black:#121110;
--ink-90:#1c1a19;
--ink-70:#3a3735;
--warm-white:#f7f2ea;
--paper:#efe8db;
--cream-100:#faf6ee;
--stone-40:#a49d8f;
--stone-60:#726b5f;

--amber-500:#e8722c;
--amber-600:#c9581a;
--amber-300:#f4a35f;

--dusk-blue-500:#3f5b7a;
--dusk-blue-300:#7c9ab8;
--dusk-blue-700:#26374a;

--acid-yellow:#e8c94a;

--bg-page:var(--warm-white);
--bg-surface:var(--cream-100);
--bg-inverse:var(--ink-black);
--surface-card:var(--cream-100);
--surface-card-inverse:var(--ink-90);

--text-primary:var(--ink-black);
--text-secondary:var(--ink-70);
--text-on-dark:var(--warm-white);
--text-on-dark-secondary:var(--stone-40);

--accent-primary:var(--amber-500);
--accent-primary-hover:var(--amber-600);
--accent-secondary:var(--dusk-blue-500);
--accent-highlight:var(--acid-yellow);

--border-hairline:rgba(18,17,16,0.14);
--border-hairline-inverse:rgba(247,242,234,0.18);
--focus-ring:var(--dusk-blue-500);
}