/* CÚCUTA IA — variables de marca
   Colores muestreados de los píxeles reales del logo (Gemini_Generated_Image_klf1h1klf1h1klf1.jfif)
   y del panel azul marino de la variación oscura del kit (edt4sx...). Generado con Photoshop: design/scripts/. */
:root {
  color-scheme: light dark;

  --brand-red: #821C1E;         /* carmesí de las letras (cara de I/A y CÚCU, tono medio saturado) */
  --brand-red-bright: #B94647;  /* rojo brillante del "IA" (zonas iluminadas) — 5.2:1 sobre blanco */
  --brand-ink: #22232A;         /* negro/grafito metálico de "TA" */
  --brand-steel: #626A70;       /* gris acero del line art (torre, montañas) — 5:1 sobre --brand-bg */
  --brand-bg: #F2F4F6;          /* fondo claro del logo */
  --brand-surface: #FFFFFF;     /* superficie (centro del fondo del logo) */

  /* extras de apoyo */
  --brand-on-red: #FFFFFF;
  --brand-navy: #13253B;        /* azul marino de la variación oscura del kit */
  --brand-glow: rgba(185, 70, 71, 0.35);
  --brand-font: "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand-red: #C25252;         /* rojo del IA más saturado/claro: legible sobre marino (usar en fondos, íconos, texto grande) */
    --brand-red-bright: #DF9396;  /* resplandor del IA — 6.5:1 sobre --brand-bg oscuro, apto para texto */
    --brand-ink: #EEF1F5;         /* texto principal claro */
    --brand-steel: #9CA7AE;       /* line art claro de las montañas — 6.3:1 sobre marino */
    --brand-bg: #13253B;          /* azul marino de la variación oscura del kit */
    --brand-surface: #1A3049;     /* superficie elevada (marino aclarado) */
    --brand-on-red: #FFFFFF;
    --brand-glow: rgba(223, 147, 150, 0.30);
  }
}