/* RegalosPublicitarios.com — tokens de identidad corporativa
   Paleta medida de la web real. Azul de marca #667dd1, verde de acción #66bb6a.
   Sistema de tres estados de tema (claro / oscuro-OS / toggle explícito).
   Estila SIEMPRE vía estas variables, nunca con literales sueltos. */

:root{
  /* fondos y superficies (neutros con sesgo azul, no gris puro) */
  --bg:#eef3fd; --surface:#ffffff; --surface-2:#e7edfb; --panel:#f5f8fe;
  /* texto */
  --ink:#232a3f; --ink-2:#59617a; --ink-3:#8991ab;
  /* líneas */
  --line:#dce4f4; --line-2:#ccd5ec;
  /* marca */
  --brand:#667dd1;        /* azul corporativo exacto: rellenos, bordes, acentos */
  --brand-ink:#4d5fb8;    /* variante AA para texto pequeño sobre blanco */
  --brand-soft:#e9edfb;   /* fondo tenue de marca */
  /* acción */
  --cta:#66bb6a; --cta-hover:#57a85b; --cta-ink:#ffffff;
  /* barra promo (envío gratis) */
  --promo-bg:#c7cff6; --promo-ink:#3a416c;
  /* neutro oscuro de marca (footer / utilitario) */
  --slate:#474e58;
  /* semánticos (separados del acento) */
  --ok:#1f9d76; --ok-soft:#e0f4ee;
  --warn:#bb7f0c; --warn-soft:#faf0d9;
  --star:#f6b01e;
  --shadow:0 1px 2px rgba(35,45,90,.07), 0 14px 36px -20px rgba(35,45,90,.32);
  --shadow-sm:0 1px 2px rgba(35,45,90,.06), 0 5px 16px -12px rgba(35,45,90,.24);
}

/* Oscuro por preferencia del SO (sin elección explícita) */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0f1320; --surface:#181d2c; --surface-2:#1f2539; --panel:#1b2032;
    --ink:#e8ebf6; --ink-2:#a3abc5; --ink-3:#7a839f;
    --line:#2a3146; --line-2:#39415a;
    --brand:#8fa0ea; --brand-ink:#aab7f2; --brand-soft:#242a45;
    --cta:#66bb6a; --cta-hover:#77c97a; --cta-ink:#0b1a0c;
    --promo-bg:#2a3159; --promo-ink:#c8d1fb;
    --slate:#c3c9d4;
    --ok:#34d399; --ok-soft:#12332a;
    --warn:#e0a83a; --warn-soft:#33290f;
    --star:#f6b01e;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 18px 44px -22px rgba(0,0,0,.72);
    --shadow-sm:0 1px 2px rgba(0,0,0,.35), 0 6px 16px -10px rgba(0,0,0,.6);
  }
}

/* Oscuro por elección explícita (toggle) — gana en ambos sentidos */
:root[data-theme="dark"]{
  --bg:#0f1320; --surface:#181d2c; --surface-2:#1f2539; --panel:#1b2032;
  --ink:#e8ebf6; --ink-2:#a3abc5; --ink-3:#7a839f;
  --line:#2a3146; --line-2:#39415a;
  --brand:#8fa0ea; --brand-ink:#aab7f2; --brand-soft:#242a45;
  --cta:#66bb6a; --cta-hover:#77c97a; --cta-ink:#0b1a0c;
  --promo-bg:#2a3159; --promo-ink:#c8d1fb;
  --slate:#c3c9d4;
  --ok:#34d399; --ok-soft:#12332a;
  --warn:#e0a83a; --warn-soft:#33290f;
  --star:#f6b01e;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 18px 44px -22px rgba(0,0,0,.72);
  --shadow-sm:0 1px 2px rgba(0,0,0,.35), 0 6px 16px -10px rgba(0,0,0,.6);
}

/* Base sugerida */
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Montserrat", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}