@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Archivo:wght@400;500;600;700;800&family=Bebas+Neue&display=swap');

/* tokens/colors.css */
:root{
--color-bone:#F4E9DD;
--color-shell:#EADCC8;
--color-taupe:#A88F77;
--color-espresso:#3E2B1F;
--color-ink:#1A120D;
--color-rust:#B24A2A;
--color-umber:#6B4226;
--color-plum:#4A2038;
--color-olive:#6E6636;
--color-gold:#C6963E;
--color-steel:#24505E;
--color-rust-hover:color-mix(in oklch,var(--color-rust) 85%,black);
--color-rust-active:color-mix(in oklch,var(--color-rust) 70%,black);
--color-rust-soft:color-mix(in oklch,var(--color-rust) 16%,var(--color-bone));
--color-plum-hover:color-mix(in oklch,var(--color-plum) 85%,black);
--color-plum-soft:color-mix(in oklch,var(--color-plum) 14%,var(--color-bone));
--color-olive-hover:color-mix(in oklch,var(--color-olive) 85%,black);
--color-olive-soft:color-mix(in oklch,var(--color-olive) 16%,var(--color-bone));
--color-gold-soft:color-mix(in oklch,var(--color-gold) 18%,var(--color-bone));
--color-steel-hover:color-mix(in oklch,var(--color-steel) 85%,black);
--color-steel-soft:#DCE6EA;
--color-umber-hover:color-mix(in oklch,var(--color-umber) 85%,black);
--color-umber-soft:color-mix(in oklch,var(--color-umber) 16%,var(--color-bone));
--surface-page:var(--color-bone);
--surface-card:var(--color-shell);
--surface-inverse:var(--color-ink);
--surface-sunken:color-mix(in oklch,var(--color-shell) 55%,var(--color-bone));
--text-primary:var(--color-ink);
--text-secondary:var(--color-espresso);
--text-muted:var(--color-taupe);
--text-inverse:var(--color-bone);
--text-accent:var(--color-rust);
--border-default:color-mix(in oklch,var(--color-taupe) 45%,transparent);
--border-strong:var(--color-espresso);
--border-inverse:color-mix(in oklch,var(--color-bone) 30%,transparent);
--action-primary:var(--color-rust);
--action-primary-hover:var(--color-rust-hover);
--action-primary-active:var(--color-rust-active);
--accent-cold:var(--color-steel);
--action-secondary:var(--color-plum);
--action-secondary-hover:var(--color-plum-hover);
--focus-ring:var(--color-gold);
}

/* tokens/typography.css */
:root{
--font-display:'Bodoni Moda',ui-serif,Georgia,serif;
--font-sans:'Archivo',ui-sans-serif,system-ui,sans-serif;
--font-accent:'Bebas Neue',ui-sans-serif,sans-serif;
--text-xs:.75rem;
--text-sm:.875rem;
--text-base:1rem;
--text-md:1.125rem;
--text-lg:1.375rem;
--text-xl:1.75rem;
--text-2xl:2.25rem;
--text-3xl:3rem;
--text-4xl:4rem;
--text-5xl:5.5rem;
--tracking-tight:-0.01em;
--tracking-normal:0em;
--tracking-wide:.04em;
--tracking-widest:.18em;
--leading-tight:1.05;
--leading-snug:1.25;
--leading-normal:1.5;
--leading-relaxed:1.7;
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-black:900;
}

/* tokens/spacing.css */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--container-max:1200px;
--container-narrow:760px;
}

/* tokens/effects.css */
:root{
--radius-none:0px;
--radius-sm:2px;
--radius-md:4px;
--radius-full:999px;
--border-width-hairline:1px;
--border-width-bold:2px;
--shadow-sm:0 1px 2px rgba(26,18,13,.08);
--shadow-md:0 4px 16px rgba(26,18,13,.12);
--shadow-card:0 8px 24px rgba(26,18,13,.10);
--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:400ms; /* @kind other */
}