/* =========================================================
   IDENTIDAD PELUGGO PET SHOP (verde bosque del isotipo oficial + crema + tierra)
   Verde bosque + crema + tierra, con dorado para las acciones.
   Cambia aquí los colores y las fuentes de toda la tienda.
   ========================================================= */
:root{
  /* Fondos y texto */
  --bg:#F8F4EC; --surface:#FFFDF8; --surface-2:#EFE8DA; --fg:#1F2E23; --muted:#5D6A5E; --line:#E3DACA;
  /* Verde bosque: marca, botones principales */
  --brand:#2E4C33; --brand-ink:#FFFFFF; --brand-soft:#E2EBDB;
  /* Dorado: compra y llamados a la acción */
  --pop:#C49537; --pop-ink:#1D2A1F; --pop-soft:#F4E8CC; --pop-text:#7E5A14;
  /* Colores de apoyo del flyer */
  --leaf:#4C742E; --clay:#926036; --bronze:#BF845E; --silver:#807E7E; --gold:#C49537; --wa:#327842;
  /* Banda oscura (pie de página, franjas) */
  --band:#1D3B28; --band-ink:#F8F4EC;
  /* Marca Peluggo: verde y naranja oficiales del isotipo; --logo-c es el color del logo según el modo */
  --iso-verde:#1D3F28; --iso-naranja:#D7851C; --logo-c:#1D3F28;
  /* Estados */
  --deal:#B3412C; --deal-soft:#F7E1DA; --ok:#2F7A3E; --ok-soft:#E0EEDC;
  --dogc:#D9A24A; --catc:#9BB88C; --wa-bg:#EAE3D6; --wa-bub:#FFFFFF;
  --shadow:0 1px 2px rgba(29,59,40,.07),0 8px 24px rgba(29,59,40,.08);
  /* Tipografía: titulares fuertes, texto amable y letra a mano para frases */
  --f-logo:"Lilita One","Arial Black",Impact,sans-serif;
  --f-display:"Anton","Arial Narrow","Helvetica Neue",Impact,sans-serif;
  --f-script:"Caveat","Comic Sans MS",cursive;
  --f-body:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:14px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F1712; --surface:#16211A; --surface-2:#1F2C23; --fg:#EEF0E8; --muted:#A5B2A3; --line:#2A3A2E;
  --brand:#86C190; --brand-ink:#0C150F; --brand-soft:#1E3826;
  --pop:#E0B04F; --pop-ink:#1A1408; --pop-soft:#3A2E14; --pop-text:#EFC977;
  --leaf:#8DBA6A; --clay:#C98E62; --bronze:#A8714B; --silver:#6E6C6C; --gold:#B5862C; --wa:#5DBB71;
  --band:#0A120D; --band-ink:#EEF0E8; --logo-c:#9FD3A8;
  --deal:#F08A73; --deal-soft:#3A1E17; --ok:#7DCC8A; --ok-soft:#173222;
  --dogc:#D9A24A; --catc:#9BB88C; --wa-bg:#0B141A; --wa-bub:#1F2C33;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1712; --surface:#16211A; --surface-2:#1F2C23; --fg:#EEF0E8; --muted:#A5B2A3; --line:#2A3A2E;
  --brand:#86C190; --brand-ink:#0C150F; --brand-soft:#1E3826;
  --pop:#E0B04F; --pop-ink:#1A1408; --pop-soft:#3A2E14; --pop-text:#EFC977;
  --leaf:#8DBA6A; --clay:#C98E62; --bronze:#A8714B; --silver:#6E6C6C; --gold:#B5862C; --wa:#5DBB71;
  --band:#0A120D; --band-ink:#EEF0E8; --logo-c:#9FD3A8;
  --deal:#F08A73; --deal-soft:#3A1E17; --ok:#7DCC8A; --ok-soft:#173222;
  --dogc:#D9A24A; --catc:#9BB88C; --wa-bg:#0B141A; --wa-bub:#1F2C33;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px rgba(0,0,0,.35); color-scheme:dark}