/* ════════════════════════════════════════════════════════
   DESIGN TOKENS — PACAY
   Variables globales de diseño, colores y tipografía
════════════════════════════════════════════════════════ */

:root {
  /* ── Paleta azul (principal) ── */
  --blue-950: #060d2e;
  --blue-900: #0f2a6e;
  --blue-800: #1a3d9e;
  --blue-700: #1d52c4;
  --blue-600: #2563eb;
  --blue-500: #3b82f6;
  --blue-400: #60a5fa;
  --blue-300: #93c5fd;
  --blue-200: #bfdbfe;
  --blue-50:  #eff6ff;

  /* ── Paleta verde (éxito / WhatsApp) ── */
  --green-600: #16a34a;
  --green-500: #22c55e;
  --green-400: #4ade80;
  --green-100: #dcfce7;

  /* ── Paleta amarilla (alerta / promo) ── */
  --yellow-600: #ca8a04;
  --yellow-500: #eab308;
  --yellow-400: #facc15;
  --yellow-100: #fef9c3;

  /* ── Paleta teal (IA / especial) ── */
  --teal-500: #14b8a6;
  --teal-400: #2dd4bf;

  /* ── Oro Andino (BRAND.md — acento premium) ── */
  --gold-600: #A07208;
  --gold-500: #C9920A;   /* Oro Andino principal */
  --gold-400: #F0C040;   /* Oro Luz — highlights */
  --gold-100: #FEF3C7;   /* Fondo muy suave */

  /* ── Tema oscuro ── */
  --dark-950:   #050810;
  --dark-900:   #090e1f;
  --dark-800:   #0d1535;
  --dark-700:   #111b47;
  --dark-600:   #162057;
  --dark-border:  rgba(59,130,246,.15);
  --dark-border2: rgba(59,130,246,.08);
  --dark-text:    #e8eeff;
  --dark-muted:   #8b9cc8;
  --dark-muted2:  #7080b8;

  /* ── Tema claro ── */
  --light-bg:     #f8faff;
  --light-bg2:    #eef3ff;
  --light-border: #dde6ff;
  --light-text:   #0f2a6e;
  --light-muted:  #4a5fa0;
  --light-muted2: #8898cc;

  /* ── Tipografía ── */
  --font-h: 'Outfit', sans-serif;
  --font-b: 'DM Sans', sans-serif;

  /* ── Bordes y sombras ── */
  --radius:    18px;
  --radius-sm: 10px;
  --radius-xs: 7px;
  --shadow-dark: 0 24px 64px rgba(0,0,0,.45);
  --shadow-blue: 0 0 60px rgba(37,99,235,.22);
  --shadow-card: 0 4px 24px rgba(15,42,110,.12);
}