/* Supermercado São Pedro — gerado de tokens.json por scripts/build-tokens.mjs. Não editar à mão. */
@font-face { font-family: "Inter"; src: url("../fonts/Inter-Variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: block; }
@font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Italic-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: block; }

:root {
  --sp-red: #E01E1F;
  --sp-yellow: #FFB200;
  --sp-black: #000000;
  --sp-white: #FFFFFF;
  --oferta-red: #E41C19;
  --oferta-yellow: #F7BF00;
  --oferta-wine: #501011;
  --oferta-ink: #3E3C3B;
  --creme: #FBF3E6;
  --pricefy-red: #BB242B;
  --palco-red: #E40B12;
  --palco-yellow: #FDC50F;
  --clube-red: #E7242C;
  --clube-yellow: #F7A61D;
  --clube-ink: #303132;
  --tricard-navy: #044472;
  --tricard-cyan: #24BADD;
  --tricard-green: #86BE53;
  --horti-leaf: #00AA02;
  --horti-deep: #006000;
  --horti-mist: #EEEEEE;
  --carne-red: #F40000;
  --carne-coal: #1E1E1E;
  --carne-doodle: #919597;
  --horti-doodle: #9FC650;
  --economia-amber: #FAB937;
  --economia-wine: #83130A;
  --economia-red: #EC110F;
  --pedrao-red: #D90000;
  --pedrao-wine: #68070B;
  --pedrao-cream: #EEE2D6;
  --fecha-black: #101010;
  --fecha-gold: #C9962B;
  --bebidas-night: #1C1C24;
  --bebidas-glass: #5C5E64;
  --superofertas-ice: #D5EFF0;
  --acougue-red: #D01A36;
  --acougue-cream: #E4E1C4;
  --acougue-black: #050506;
  --horti-green: #0B4223;
  --horti-orange: #DF5E2F;
  --horti-cream: #FEF4E5;
  --padaria-mustard: #E8A725;
  --padaria-ink: #181616;
  --padaria-cream: #EFE9DA;
  --stage: var(--palco-red);
  --stage-alt: var(--palco-yellow);
  --on-stage: var(--sp-white);
  --panel: var(--creme);
  --ink: var(--oferta-ink);
  --band: var(--oferta-yellow);
  --band-shadow: var(--oferta-red);
  --on-band: var(--oferta-ink);
  --tile: var(--oferta-red);
  --tile-band: var(--oferta-red);
  --price: var(--oferta-red);
  --price-band: var(--oferta-red);
  --on-price: var(--sp-white);
  --unit: var(--oferta-yellow);
  --on-unit: var(--oferta-ink);
  --name-pill: var(--oferta-yellow);
  --on-name-pill: var(--oferta-ink);
  --chip: var(--oferta-yellow);
  --on-chip: var(--oferta-ink);
  --logo-tab: var(--creme);
  --font-inter: Inter, "Inter Variable", system-ui, sans-serif;
  --font-condensed: "Roboto Condensed", "Arial Narrow", sans-serif;
  --font-acougue-display: "Bely Display", Bely, Georgia, serif;
  --font-acougue-text: Avenir, "Avenir Next", "Avenir Next LT Pro", sans-serif;
  --font-horti: "Exo Soft", "Exo 2", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 80px;
  --radius-xs: 6px;
  --radius-tag: 14px;
  --radius-leaf-sm: 36px;
  --radius-tile: 24px;
  --radius-leaf: 56px;
  --radius-band: 40px;
  --radius-panel: 64px;
  --radius-pill: 999px;
  --shadow-panel: 0 24px 60px rgba(0, 0, 0, 0.22);
  --shadow-product: 0 10px 14px rgba(0, 0, 0, 0.28);
  --shadow-logo-tab: 0 -6px 24px rgba(0, 0, 0, 0.12);
}
[data-theme="hortifruti"] {
  --stage: var(--horti-mist);
  --stage-alt: var(--horti-leaf);
  --on-stage: var(--oferta-ink);
  --panel: var(--sp-white);
  --ink: var(--oferta-ink);
  --band: var(--horti-mist);
  --band-shadow: var(--horti-leaf);
  --on-band: var(--oferta-ink);
  --tile: var(--horti-leaf);
  --tile-band: var(--horti-leaf);
  --price: var(--horti-leaf);
  --price-band: var(--horti-leaf);
  --on-price: var(--sp-white);
  --unit: var(--horti-deep);
  --on-unit: var(--sp-white);
  --name-pill: var(--horti-deep);
  --on-name-pill: var(--sp-white);
  --chip: var(--horti-deep);
  --on-chip: var(--sp-white);
  --logo-tab: var(--sp-white);
}
[data-theme="carne"] {
  --stage: var(--carne-coal);
  --stage-alt: var(--carne-red);
  --on-stage: var(--sp-white);
  --panel: var(--sp-white);
  --ink: var(--oferta-ink);
  --band: var(--carne-red);
  --band-shadow: var(--carne-coal);
  --on-band: var(--sp-white);
  --tile: var(--carne-red);
  --tile-band: var(--carne-coal);
  --price: var(--carne-red);
  --price-band: var(--carne-coal);
  --on-price: var(--sp-white);
  --unit: var(--sp-white);
  --on-unit: var(--carne-coal);
  --name-pill: var(--carne-coal);
  --on-name-pill: var(--sp-white);
  --chip: var(--carne-coal);
  --on-chip: var(--sp-white);
  --logo-tab: var(--sp-white);
}
[data-theme="economia"] {
  --stage: var(--economia-amber);
  --stage-alt: var(--economia-wine);
  --on-stage: var(--oferta-ink);
  --panel: var(--sp-white);
  --ink: var(--oferta-ink);
  --band: var(--economia-amber);
  --band-shadow: var(--economia-red);
  --on-band: var(--oferta-ink);
  --tile: var(--economia-red);
  --tile-band: var(--economia-red);
  --price: var(--economia-red);
  --price-band: var(--economia-red);
  --on-price: var(--sp-white);
  --unit: var(--oferta-yellow);
  --on-unit: var(--oferta-ink);
  --name-pill: var(--economia-red);
  --on-name-pill: var(--sp-white);
  --chip: var(--oferta-yellow);
  --on-chip: var(--oferta-ink);
  --logo-tab: var(--sp-white);
}
[data-theme="pedrao"] {
  --stage: var(--pedrao-cream);
  --stage-alt: var(--pedrao-red);
  --on-stage: var(--oferta-ink);
  --panel: var(--sp-white);
  --ink: var(--oferta-ink);
  --band: var(--pedrao-red);
  --band-shadow: var(--pedrao-wine);
  --on-band: var(--sp-white);
  --tile: var(--pedrao-red);
  --tile-band: var(--sp-white);
  --price: var(--pedrao-red);
  --price-band: var(--pedrao-wine);
  --on-price: var(--sp-white);
  --unit: var(--oferta-yellow);
  --on-unit: var(--oferta-ink);
  --name-pill: var(--pedrao-wine);
  --on-name-pill: var(--sp-white);
  --chip: var(--pedrao-wine);
  --on-chip: var(--sp-white);
  --logo-tab: var(--sp-white);
}
[data-theme="fecha-mes"] {
  --stage: var(--fecha-black);
  --stage-alt: #2A2622;
  --on-stage: var(--sp-white);
  --panel: var(--sp-white);
  --ink: var(--oferta-ink);
  --band: var(--oferta-yellow);
  --band-shadow: var(--oferta-red);
  --on-band: var(--oferta-ink);
  --tile: var(--oferta-yellow);
  --tile-band: var(--oferta-red);
  --price: var(--oferta-red);
  --price-band: var(--oferta-red);
  --on-price: var(--sp-white);
  --unit: var(--oferta-yellow);
  --on-unit: var(--oferta-ink);
  --name-pill: var(--fecha-black);
  --on-name-pill: var(--sp-white);
  --chip: var(--oferta-yellow);
  --on-chip: var(--oferta-ink);
  --logo-tab: var(--sp-white);
}
[data-theme="bebidas"] {
  --stage: var(--bebidas-night);
  --stage-alt: #2B2C33;
  --on-stage: var(--sp-white);
  --panel: var(--bebidas-glass);
  --ink: var(--sp-white);
  --band: var(--oferta-yellow);
  --band-shadow: var(--oferta-red);
  --on-band: var(--oferta-ink);
  --tile: var(--oferta-yellow);
  --tile-band: var(--oferta-red);
  --price: var(--oferta-red);
  --price-band: var(--oferta-red);
  --on-price: var(--sp-white);
  --unit: var(--oferta-yellow);
  --on-unit: var(--oferta-ink);
  --name-pill: var(--oferta-yellow);
  --on-name-pill: var(--oferta-ink);
  --chip: var(--oferta-yellow);
  --on-chip: var(--oferta-ink);
  --logo-tab: var(--sp-white);
}
[data-theme="padaria"] {
  --stage: var(--padaria-cream);
  --stage-alt: var(--padaria-mustard);
  --on-stage: var(--padaria-ink);
  --panel: #FBF8F1;
  --ink: var(--padaria-ink);
  --band: var(--padaria-mustard);
  --band-shadow: var(--padaria-ink);
  --on-band: var(--padaria-ink);
  --tile: var(--oferta-red);
  --tile-band: var(--oferta-red);
  --price: var(--oferta-red);
  --price-band: var(--oferta-red);
  --on-price: var(--sp-white);
  --unit: var(--padaria-mustard);
  --on-unit: var(--padaria-ink);
  --name-pill: var(--padaria-ink);
  --on-name-pill: var(--padaria-cream);
  --chip: var(--padaria-mustard);
  --on-chip: var(--padaria-ink);
  --logo-tab: var(--sp-white);
}