/* ilevel · WhatsApp — tokens. Prefijo --ilv-wa- para no chocar con Woodmart (--wd-*), Elementor (--e-*) ni Mi estante (--ilv-*).
   Verde propio con contraste ≥ 4.5:1 sobre blanco; el «Resérvamelo» usa el rojo de marca de ilevel (--wd-primary-color). */

:root {
  --ilv-wa-accent: #15803d;
  --ilv-wa-accent-hover: #166534;
  --ilv-wa-on-accent: #ffffff;
  --ilv-wa-reserve: #a70b0c;
  --ilv-wa-reserve-hover: #860809;
  --ilv-wa-surface: #ffffff;
  --ilv-wa-surface-2: #f3f2f5;
  --ilv-wa-text: #242424;
  --ilv-wa-text-muted: #5f5f5f;
  --ilv-wa-border: #e4e3e7;
  --ilv-wa-focus: #a70b0c;
  --ilv-wa-avatar-bg: #dcefe3;
  --ilv-wa-avatar-text: #15803d;

  --ilv-wa-font: "Albert Sans", Arial, Helvetica, sans-serif;
  --ilv-wa-font-display: "Fredoka", "Albert Sans", Arial, Helvetica, sans-serif;
  --ilv-wa-text-label: 600 15px/20px var(--ilv-wa-font);
  --ilv-wa-text-sm: 400 14px/20px var(--ilv-wa-font);
  --ilv-wa-text-xs: 500 12px/16px var(--ilv-wa-font);
  --ilv-wa-text-base: 600 15px/20px var(--ilv-wa-font);
  --ilv-wa-text-title: 500 20px/26px var(--ilv-wa-font-display);

  --ilv-wa-panel-w: 320px;
  --ilv-wa-avatar: 44px;
  --ilv-wa-control-sm: 36px;
  --ilv-wa-dismiss: 22px;

  --ilv-wa-space-1: 4px;
  --ilv-wa-space-2: 8px;
  --ilv-wa-space-3: 12px;
  --ilv-wa-space-4: 16px;

  --ilv-wa-radius-md: 16px;
  --ilv-wa-radius-pill: 999px;
  --ilv-wa-shadow: 0 2px 6px rgba(36,36,36,.16), 0 8px 24px rgba(36,36,36,.14);

  --ilv-wa-fab-size: 56px;
  --ilv-wa-icon: 26px;
  --ilv-wa-icon-sm: 20px;
  --ilv-wa-control: 44px;
  --ilv-wa-status-max: 260px;
  --ilv-wa-z: 400;

  /* posición: el PHP las sobrescribe en el elemento con los ajustes */
  --ilv-wa-x: 20px;
  --ilv-wa-y: 90px;
  --ilv-wa-y-m: 80px;

  --ilv-wa-motion: 160ms;
  --ilv-wa-ease: cubic-bezier(.2,.8,.2,1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ilv-wa-surface: #1d1b1f;
    --ilv-wa-surface-2: #27242a;
    --ilv-wa-text: #f1eff2;
    --ilv-wa-text-muted: #b3aeb8;
    --ilv-wa-border: #37333b;
    --ilv-wa-focus: #f0837b;
    --ilv-wa-avatar-bg: #143324;
    --ilv-wa-avatar-text: #5fc48a;
    --ilv-wa-shadow: 0 2px 6px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.6);
  }
}

:root[data-theme="dark"] {
  --ilv-wa-surface: #1d1b1f;
  --ilv-wa-surface-2: #27242a;
  --ilv-wa-text: #f1eff2;
  --ilv-wa-text-muted: #b3aeb8;
  --ilv-wa-border: #37333b;
  --ilv-wa-focus: #f0837b;
  --ilv-wa-avatar-bg: #143324;
  --ilv-wa-avatar-text: #5fc48a;
  --ilv-wa-shadow: 0 2px 6px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.6);
}

@media (prefers-reduced-motion: reduce) {
  :root { --ilv-wa-motion: 0ms; }
}