/* ============================================================
   FEBRES 360° · TOKENS DE MARCA
   Única fuente de verdad del kit. Codex: si la marca cambia,
   edita SOLO este archivo; todos los componentes lo heredan.
   Base extraída de febresinsurance.com (theme-color #0B2340).
   ============================================================ */
:root{
  /* --- Fondos --- */
  --f360-bg:        #0B2340;   /* navy oficial del sitio */
  --f360-bg-deep:   #061528;   /* navy profundo (degradados) */
  --f360-bg-grad:   linear-gradient(165deg, var(--f360-bg-deep) 0%, var(--f360-bg) 55%, #0A1E38 100%);

  /* --- Texto --- */
  --f360-ink:       #EDF4FC;
  --f360-ink-dim:   rgba(237,244,252,.62);

  /* --- Acentos --- */
  --f360-neon:      #3EF08A;   /* verde neon (corazón 💚 de la marca) */
  --f360-neon-soft: rgba(62,240,138,.45);
  --f360-azul:      #3FA9F5;   /* azul claro secundario */
  --f360-oro:       #F2B43B;   /* dorado "winners" (toques mínimos) */

  /* --- Liquid Glass --- */
  --lg-bg:          rgba(255,255,255,.07);
  --lg-bg-hover:    rgba(255,255,255,.12);
  --lg-border:      rgba(255,255,255,.17);
  --lg-border-hover:rgba(255,255,255,.30);
  --lg-blur:        20px;
  --lg-saturate:    1.6;
  --lg-radius:      22px;
  --lg-shadow:      0 22px 48px -20px rgba(0,0,0,.6);

  /* --- Tipografía (cargar Sora + Inter desde Google Fonts) --- */
  --f360-font-display: 'Sora', system-ui, sans-serif;
  --f360-font-body:    'Inter', system-ui, sans-serif;
}