/*
  Valores oficiales del kit gráfico BQSense (design/brandkit/).
  Reglas de uso validadas por contraste WCAG AA real — ver
  specs/003-brand-style-system/research.md § 2 y data-model.md § ColorToken:

  - --color-secondary (cian) y --color-accent (naranja) NUNCA como texto ni
    borde sobre fondo claro (fallan incluso el umbral de 3:1 de componente
    UI). Solo como relleno de insignia grande con --color-text encima, como
    elemento decorativo, o como texto/icono sobre --color-bg-dark (ahí sí
    cumplen AA).
  - --color-text-muted solo para texto grande (>=24px, o >=18.66px negrita)
    o uso no textual, en ambos modos (falla AA-normal en los dos).
  - --color-primary NUNCA como texto directamente sobre --color-bg-dark
    (1.56:1, casi invisible).
*/
:root {
  --color-primary: #0d3b66;
  --color-secondary: #00b4db;
  --color-accent: #ff7a00;
  --color-bg-light: #f5f5f5;
  --color-bg-dark: #101820;
  --color-bg: var(--color-bg-light);
  --color-text: #111827;
  --color-text-muted: #6b7280;
  --color-error: #b3261e;
  --color-link: var(--color-primary);

  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

/* Modo oscuro: el fondo de página activo pasa a --color-bg-dark y el texto
   principal a blanco (17.89:1 sobre bg-dark); cian y naranja se vuelven
   aptos como texto/icono en este modo (>=6.85:1). --color-bg-light y
   --color-bg-dark permanecen como valores fijos (data-model.md). */
[data-theme="dark"] {
  --color-bg: var(--color-bg-dark);
  --color-text: #ffffff;
  /* #b3261e falla AA sobre bg-dark (2.74:1); se usa un rojo claro (6.45:1) */
  --color-error: #ff6b6b;
  /* --color-primary (navy) falla como texto sobre bg-dark (1.56:1, ver nota
     arriba); --color-secondary (cian) sí cumple AA sobre bg-dark (7.29:1) */
  --color-link: var(--color-secondary);
}