/* lib/theme.css — Design tokens compartidos de Connect / Grupo Kaufmann
 *
 * Cargar ANTES del <style> inline de cada página para que los overrides
 * de página puedan sobreescribir variables con mayor especificidad de cascada.
 *
 * Páginas excluidas: cotizador/ (paleta propia azul).
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Dark mode (default) ──────────────────────────────────────────────── */
:root {
  /* Fondos */
  --bg:           #0a0a0c;
  --bg-card:      #111111;
  --bg-card2:     #161616;

  /* Bordes */
  --border:       rgba(255,255,255,0.1);
  --border-hover: rgba(255,255,255,0.2);

  /* Marca */
  --gold:         #b8975a;
  --gold-light:   #d4b278;

  /* Texto */
  --white:        #f0f0f0;
  --muted:        #b0b0b8;
  --muted2:       #777;

  /* Acentos */
  --accent-blue:  #6c8eff;
  --accent-teal:  #3ecfcf;
  --dimo-red:     #e92f31;
  --wicar-orange: #fb5f00;
  --red:          #e92f31;
  --green:        #4caf88;

  /* Superficies */
  --surface:       rgba(255,255,255,0.03);
  --surface-sm:    rgba(255,255,255,0.025);
  --surface-hover: rgba(255,255,255,0.06);
  --surface-input: rgba(255,255,255,0.05);

  /* Modales / overlays */
  --overlay-bg: rgba(4,4,6,0.85);
  --modal-bg:   rgba(14,14,17,0.98);
  --opt-bg:     #1a1a1f;
}

/* ── Light mode ───────────────────────────────────────────────────────── */
body[data-theme="light"] {
  --bg:           #f0f0f5;
  --bg-card:      #ffffff;
  --bg-card2:     #f5f5fa;

  --border:       rgba(0,0,0,0.1);
  --border-hover: rgba(0,0,0,0.2);

  --gold:         #8a6d3b;
  --gold-light:   #a07840;

  --white:        #111118;
  --muted:        #44445a;
  --muted2:       #888;

  --accent-blue:  #2244bb;
  --accent-teal:  #1a9898;
  --dimo-red:     #bb1a1c;
  --wicar-orange: #cc4400;
  --red:          #bb1a1c;
  --green:        #1e6644;

  --surface:       rgba(0,0,0,0.025);
  --surface-sm:    rgba(0,0,0,0.02);
  --surface-hover: rgba(0,0,0,0.05);
  --surface-input: #ffffff;

  --overlay-bg: rgba(210,210,220,0.88);
  --modal-bg:   rgba(252,252,255,0.99);
  --opt-bg:     #ffffff;
}