/* Design tokens — copied verbatim from the Crispy's Donuts design system export
   (design/export/_ds/.../tokens/*.css). Do not drift these values. */
:root{
/* base — brand */
--red-500:#E32226;--red-600:#C8181D;--red-700:#A11014;
--black-900:#151312;--brown-800:#3E2B1F;--brown-600:#6B4A33;
--gold-400:#F5A623;--orange-500:#E97817;--sunset-300:#FFCF7D;
--cream-50:#FFF9F0;--cream-100:#FAF0DE;--cream-200:#F2E2C8;--white:#FFFFFF;
--tan-300:#E4CFAF;--taupe-500:#9C8570;
/* semantic */
--brand:var(--red-500);--brand-hover:var(--red-600);--brand-press:var(--red-700);
--text-heading:var(--black-900);--text-body:#3A2C21;--text-muted:#8A7663;--text-inverse:var(--cream-50);--text-on-brand:#FFFFFF;
--surface-page:var(--cream-50);--surface-card:var(--white);--surface-warm:var(--cream-100);--surface-dark:var(--black-900);
--border-soft:#EEDFC9;--border-strong:#D9C3A3;
--accent:var(--gold-400);--accent-deep:var(--orange-500);
--success:#3E8E52;--warning:var(--orange-500);--danger:var(--red-600);
--focus-ring:rgba(227,34,38,.35);
}
:root{
--font-script:'Yellowtail',cursive;
--font-display:'Anton',sans-serif;
--font-body:'Karla',sans-serif;
/* scale */
--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;
--text-xl:24px;--text-2xl:32px;--text-3xl:44px;--text-4xl:64px;--text-hero:88px;
--leading-tight:1.05;--leading-snug:1.2;--leading-body:1.55;
--tracking-display:.01em;--tracking-caps:.08em;
}
body{font-family:var(--font-body);color:var(--text-body);font-size:var(--text-md);line-height:var(--leading-body)}
h1,h2,h3{font-family:var(--font-display);color:var(--text-heading);font-weight:400;letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-hover)}
: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;
--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:36px;--radius-pill:999px;
--container:1180px;
}
:root{
--shadow-card:0 2px 6px rgba(62,43,31,.06),0 10px 24px rgba(62,43,31,.10);
--shadow-lift:0 6px 14px rgba(62,43,31,.12),0 18px 40px rgba(62,43,31,.16);
--shadow-sticker:3px 3px 0 rgba(21,19,18,.9);
--ease-out:cubic-bezier(.22,1,.36,1); /* @kind other */
--dur-fast:120ms; /* @kind other */--dur-med:220ms; /* @kind other */
--overlay-photo:linear-gradient(180deg,rgba(21,19,18,0) 30%,rgba(21,19,18,.72) 100%); /* @kind other */
}