@layer properties, theme, base, components, utilities, core;
@layer core {
html:root{--preset:clean;--primary:#C2410C;--primary-tint:hsl(17 88% 74%);--primary-shade:hsl(17 88% 26%);--accent:#f2b705;--ink:#111111;--canvas:#ffffff;--surface:#f6f8f7;--radius:16px;--font-stack:'Manrope Variable', 'Manrope Variable Fallback', system-ui, sans-serif;--font-body:'Manrope Variable', 'Manrope Variable Fallback', system-ui, sans-serif;--font-heading:'Manrope Variable', 'Manrope Variable Fallback', system-ui, sans-serif;--type-scale:1;--rhythm:clamp(3rem, 8vw, 6rem);--shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.06);--container:78rem;--density:regular;--density-factor:1;--menu-side:right;--menu-w:20rem;--color-on-primary:#ffffff;--color-on-accent:#111827}
html:root[data-theme="dark"]{--color-on-primary:#111827}
}