/**
 * ForwArt — Manual de Marca Oficial 2026
 * Tema Editorial Blanco / Claro con Logotipo Alternativo Azul
 *
 * PALETA REGLAMENTARIA (ÚNICAMENTE 5 COLORES):
 * 1. Fondo / Lienzo: Blanco Puro     #FFFFFF / #F8FAFC
 * 2. Base / Textos:   Azul Profundo   #26314A   RGB(38, 49, 74)
 * 3. Primario:        Turquesa        #5BBABC   RGB(91, 186, 188)
 * 4. Transición:      Menta Suave     #BEDAD3   RGB(190, 218, 211)
 * 5. Energía:         Rojo Coral      #EA5327   RGB(234, 83, 39)
 * 6. Acento:          Naranja Solar   #EF792D   RGB(239, 121, 45)
 */

:root {
  /* ==========================================================================
     1. COLORES REGLAMENTARIOS SOBRE FONDO BLANCO
     ========================================================================== */
  --c-bg: #FFFFFF;
  --c-bg-subtle: #F8FAFC;
  --c-bg-card: #FFFFFF;
  --c-bg-surface: #F1F5F9;

  --c-base: #26314A;            /* Azul Profundo (Color Rector) */
  --c-primary: #5BBABC;         /* Turquesa */
  --c-mint: #BEDAD3;            /* Menta Suave */
  --c-coral: #EA5327;           /* Rojo Coral */
  --c-solar: #EF792D;           /* Naranja Solar */
  --c-white: #FFFFFF;

  /* Bordes limpios */
  --c-border-subtle: rgba(38, 49, 74, 0.12);
  --c-border-active: rgba(91, 186, 188, 0.5);

  /* Tipografía sobre fondo blanco */
  --text-primary: #26314A;      /* Azul Profundo para títulos y lectura noble */
  --text-secondary: #475569;    /* Gris pizarra neutro */
  --text-muted: #64748B;
  --text-inverted: #FFFFFF;

  /* ==========================================================================
     2. BOTÓN COTIZAR / LLAMADO A LA ACCIÓN (ALTO IMPACTO)
     ========================================================================== */
  --cta-bg: var(--c-coral);
  --cta-bg-hover: var(--c-solar);
  --cta-text: #FFFFFF;
  --cta-shadow: 0 4px 14px rgba(234, 83, 39, 0.25);

  /* ==========================================================================
     3. ÁREAS COMERCIALES
     ========================================================================== */
  --subbrand-travel: var(--c-primary);
  --subbrand-travel-light: #48A7A9;

  --subbrand-textiles: var(--c-base);
  --subbrand-textiles-mint: var(--c-mint);

  --subbrand-latam: var(--c-solar);
  --subbrand-latam-coral: var(--c-coral);

  /* ==========================================================================
     4. TIPOGRAFÍA MONT (MONTSERRAT) PARA TODO
     ========================================================================== */
  --font-mont: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: var(--font-mont);
  --font-display: var(--font-mont);

  /* Radios */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  --transition-fast: 160ms cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 280ms cubic-bezier(0.25, 1, 0.5, 1);
}

/* ==========================================================================
   5. MODO OSCURO (DATA-THEME="DARK")
   ========================================================================== */
[data-theme="dark"] {
  --c-bg: #0D1322;
  --c-bg-subtle: #141C2E;
  --c-bg-card: #182238;
  --c-bg-surface: #0F1626;

  --c-base: #F8FAFC;            /* Blanco noble para lectura en modo oscuro */
  --c-white: #0D1322;
  --c-border-subtle: rgba(255, 255, 255, 0.12);
  --c-border-active: rgba(91, 186, 188, 0.6);

  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-inverted: #0D1322;
}