/* Doña Tota Burgers · tokens (generado desde design/tokens.json) */
:root, [data-theme="light"] {
  --brand-orange: #FF451F;
  --brand-red: #B32E1D;
  --brand-cream: #F4EDDE;
  --brand-night: #050816;
  --bg: #F4EDDE;
  --surface: #FBF7EE;
  --surface-2: #EFE6D4;
  --ink: #1B1714;
  --muted: #625950;
  --rule: #1B171433;
  --field-border: #8A7F73;
  --primary: #FF451F;
  --on-primary: #1B1714;
  --accent: var(--brand-red);
  --on-accent: #FFFFFF;
  --alert: #B32E1D;
  --ok: #1E7A3B;
  --focus: var(--ink);
  --scrim: #1B1714A6;
  --zone-centro: #FF451F;
  --zone-norte: #2F6FD0;
  --zone-sur: #1E8A5A;
  --shadow-float: 0 6px 20px rgba(27,23,20,0.18);
  --shadow-sheet: 0 -8px 30px rgba(27,23,20,0.22);
}
[data-theme="dark"] {
  --brand-orange: #FF451F;
  --brand-red: #B32E1D;
  --brand-cream: #F4EDDE;
  --brand-night: #050816;
  --bg: #1B1714;
  --surface: #25201C;
  --surface-2: #2F2924;
  --ink: #F4EDDE;
  --muted: #B3A89B;
  --rule: #F4EDDE2E;
  --field-border: #8D8377;
  --primary: #FF5B37;
  --on-primary: #1B1714;
  --accent: var(--brand-red);
  --on-accent: #FFFFFF;
  --alert: #FF8A70;
  --ok: #5BC77E;
  --focus: var(--ink);
  --scrim: #000000B3;
  --zone-centro: #FF5B37;
  --zone-norte: #6FA0F0;
  --zone-sur: #4FC08A;
  --shadow-float: 0 6px 20px rgba(0,0,0,0.5);
  --shadow-sheet: 0 -8px 30px rgba(0,0,0,0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --tap-min: 44px;
  --control-lg: 56px;
  --field-h: 52px;
  --thumb: 88px;
  --cart-bar: 60px;
  --stroke-icon: 1.9px;
  --font-body: "Montserrat", system-ui, sans-serif;
  --font-brush: "Mansalva", "Montserrat", cursive;
}
/* estilos de texto */
.display-number { font-family: var(--font-body); font-size: 88px; line-height: 88px; font-weight: 800; letter-spacing: -2px; }
.title { font-family: var(--font-body); font-size: 24px; line-height: 30px; font-weight: 800; }
.section { font-family: var(--font-body); font-size: 20px; line-height: 24px; font-weight: 800; letter-spacing: 0.6px; }
.product { font-family: var(--font-body); font-size: 16px; line-height: 20px; font-weight: 800; letter-spacing: 0.3px; }
.price { font-family: var(--font-body); font-size: 17px; line-height: 22px; font-weight: 700; font-style: italic; }
.total { font-family: var(--font-body); font-size: 22px; line-height: 28px; font-weight: 800; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 600; }
.button { font-family: var(--font-body); font-size: 16px; line-height: 20px; font-weight: 700; }
.label { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1.2px; }
.help { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 500; }
.brush-xl { font-family: var(--font-brush); font-size: 40px; line-height: 40px; font-weight: 400; }
.brush-lg { font-family: var(--font-brush); font-size: 30px; line-height: 32px; font-weight: 400; }