/* ============================================================
   JIRSEG S.A. — Design Tokens
   Editable desde Admin › Configuración › Apariencia
   ============================================================ */
:root {
  /* Colores de marca — sobrescritos por PHP inline via Config::cssTokens() */
  --primary:       #1E4E80;   /* Azul corporativo web */
  --primary-dark:  #12304F;   /* Variante oscura (hover, sombras) */
  --primary-soft:  #2C5B91;   /* Variante media (estados activos) */
  --primary-tint:  #E6F1FB;   /* Tono muy claro (fondos, tags) */
  --accent:        #C49A3F;   /* Brass gold — acento decorativo */
  --accent-hi:     #E0BE6B;   /* Brass claro — hover acento */
  --accent-tint:   #FBF4E3;   /* Brass muy claro — fondos suaves */
  --dark:          #0B2138;   /* Hero, footer, secciones oscuras */
  --dark-mid:      #12304F;   /* Variante media oscura */
  --navy:          #0B2138;   /* Alias para topbar / footer */
  --gray:          #6C6A6A;   /* Gris oficial Manual 2024 */
  --gray-light:    #9DB4D0;   /* Texto secundario en fondos oscuros */
  --steel:         #E7EDF5;   /* Bordes, fondos sutiles */
  --paper:         #F5F7FA;   /* Fondo secciones claras */
  --ink:           #0E1B2A;   /* Texto principal */
  --muted:         #5A6B7E;   /* Texto secundario claro */
  --wa:            #25D366;   /* Verde WhatsApp */
  --wa-dark:       #064E2A;   /* Texto sobre fondo WA */
  --white:         #FFFFFF;
  --error:         #D93025;
  --success:       #1A7F4B;
  --warning:       #D97706;

  /* Sobreescritura desde config BD */
  --primary:       var(--cfg-primary, #1E4E80);
  --accent:        var(--cfg-accent,  #C49A3F);
  --dark:          var(--cfg-dark,    #0B2138);

  /* Tipografía */
  --font-display:  'Space Grotesk', sans-serif;
  --font-body:     'Inter', system-ui, sans-serif;

  /* Espaciado */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* Radios */
  --r-sm:  6px;
  --r:     10px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-full: 999px;

  /* Sombras */
  --shadow-xs: 0 1px 3px 0 rgba(14,27,42,.08);
  --shadow-sm: 0 4px 12px -4px rgba(14,27,42,.18);
  --shadow:    0 8px 24px -8px rgba(14,27,42,.22);
  --shadow-md: 0 16px 40px -12px rgba(14,27,42,.26);
  --shadow-lg: 0 24px 60px -16px rgba(14,27,42,.30);
  --shadow-primary: 0 8px 24px -8px rgba(30,78,128,.40);
  --shadow-accent:  0 6px 18px -6px rgba(196,154,63,.50);

  /* Transiciones */
  --t:    .20s ease;
  --t-sm: .14s ease;
  --t-lg: .32s ease;

  /* Layout */
  --max-w:    1200px;
  --max-w-sm: 840px;
  --header-h: 64px;
  --topbar-h: 36px;
  --subnav-h: 44px;
}