/* ═══════════════════════════════════════════════════════════════
   GESAPROV — BRAND TOKENS v1.0.0
   Fuente oficial de verdad para todos los proyectos GESAPROV.
   Importar en cualquier producto de la suite GESAPROV.
   ═══════════════════════════════════════════════════════════════ */

:root {

  /* ── COLORES PRIMARIOS ─────────────────────────────────────── */
  --brand-blue-500:   #005BFF;   /* Azul GESAPROV — principal      */
  --brand-blue-400:   #3378FF;
  --brand-blue-300:   #6699FF;
  --brand-blue-600:   #0048CC;
  --brand-blue-700:   #003499;
  --brand-blue-50:    #EBF0FF;

  /* ── COLORES SECUNDARIOS ───────────────────────────────────── */
  --brand-orange-500: #E8780A;   /* Naranja Innovación — acción/CTA */
  --brand-orange-400: #F0933A;
  --brand-orange-300: #F5AF6A;
  --brand-orange-600: #C4620A;
  --brand-orange-700: #9E4B08;
  --brand-orange-50:  #FFF3E6;

  /* ── ACENTO CYAN ───────────────────────────────────────────── */
  --brand-cyan-500:   #00C2FF;   /* Cian Digital — tecnología avanzada */
  --brand-cyan-400:   #33CEFF;
  --brand-cyan-300:   #66DAFF;
  --brand-cyan-600:   #009ACC;
  --brand-cyan-50:    #E5F9FF;

  /* ── VERDE SALUD ───────────────────────────────────────────── */
  --brand-green-500:  #00CC66;   /* Verde Salud — éxito, GESAPROV HIS */
  --brand-green-400:  #33D680;
  --brand-green-600:  #00A352;
  --brand-green-50:   #E5FFF1;

  /* ── VIOLETA ───────────────────────────────────────────────── */
  --brand-violet-500: #7C3AED;   /* Violeta — innovación profunda     */
  --brand-violet-400: #9A62F2;
  --brand-violet-600: #6025CC;

  /* ── NEUTRALES OSCUROS ─────────────────────────────────────── */
  --brand-navy-900:   #020810;   /* Ultra-dark — fondos premium       */
  --brand-navy-800:   #071A33;   /* Azul Noche — fondo principal      */
  --brand-navy-700:   #0D2347;
  --brand-navy-600:   #132E5C;
  --brand-navy-500:   #1A3B73;
  --brand-navy-400:   #244E96;

  /* ── NEUTRALES CLAROS / PLATA ──────────────────────────────── */
  --brand-silver-100: #F8FAFC;
  --brand-silver-200: #EEF2F7;
  --brand-silver-300: #D4DEEA;
  --brand-silver-400: #C8D4E0;   /* Plata Tecnología                  */
  --brand-silver-500: #A0B0C4;
  --brand-silver-600: #6B7F96;

  /* ── SEMÁNTICOS ────────────────────────────────────────────── */
  --brand-success:    #00CC66;
  --brand-warning:    #E8780A;
  --brand-error:      #EF4444;
  --brand-info:       #00C2FF;

  /* ── GRADIENTES OFICIALES ──────────────────────────────────── */
  --brand-gradient-primary:  linear-gradient(135deg, #005BFF 0%, #00C2FF 100%);
  --brand-gradient-hero:     linear-gradient(135deg, #005BFF 0%, #7C3AED 50%, #00C2FF 100%);
  --brand-gradient-cta:      linear-gradient(135deg, #E8780A 0%, #FF8C00 100%);
  --brand-gradient-dark-bg:  linear-gradient(180deg, #071A33 0%, #020810 100%);

  /* ── TIPOGRAFÍA ────────────────────────────────────────────── */
  --brand-font-headline: 'Manrope', 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
  --brand-font-body:     'Inter', 'Segoe UI', system-ui, sans-serif;

  /* Type scale */
  --brand-type-display:  clamp(2.5rem,  5vw, 4rem);     /* 40–64px */
  --brand-type-h1:       clamp(2rem,    4vw, 3rem);     /* 32–48px */
  --brand-type-h2:       clamp(1.5rem,  3vw, 2.25rem);  /* 24–36px */
  --brand-type-h3:       clamp(1.25rem, 2vw, 1.5rem);   /* 20–24px */
  --brand-type-body-lg:  1.125rem;   /* 18px */
  --brand-type-body:     1rem;       /* 16px */
  --brand-type-small:    0.875rem;   /* 14px */
  --brand-type-label:    0.8125rem;  /* 13px — uppercase, tracking */
  --brand-type-caption:  0.75rem;    /* 12px */

  /* ── RADIOS DE BORDE ───────────────────────────────────────── */
  --brand-radius-sm:   6px;
  --brand-radius-md:   10px;
  --brand-radius-lg:   16px;
  --brand-radius-xl:   24px;
  --brand-radius-full: 9999px;

  /* ── SOMBRAS / GLOW ────────────────────────────────────────── */
  --brand-shadow-card:  0 4px 24px rgba(0,0,0,0.35);
  --brand-shadow-glow:  0 0 40px rgba(0,91,255,0.25);
  --brand-shadow-orange-glow: 0 0 30px rgba(232,120,10,0.35);

  /* ── ESPACIADO ─────────────────────────────────────────────── */
  --brand-space-xs:  4px;
  --brand-space-sm:  8px;
  --brand-space-md:  16px;
  --brand-space-lg:  24px;
  --brand-space-xl:  40px;
  --brand-space-2xl: 64px;
  --brand-space-3xl: 96px;
}