/* BOSCA Quality Platform — tokens visuales (único lugar donde se definen colores).
   Referencia obligatoria: preview aprobado (azul petróleo/marino + naranja BOSCA + apoyo azul eléctrico).
   Regla: verde/ámbar/rojo SOLO para estados. Naranja BOSCA = acento de marca. */
:root {
  color-scheme: dark;

  /* Base: azul marino / petróleo (nunca negro plano) */
  --bqp-bg: #061223;
  --bqp-bg-2: #08172b;
  --bqp-sidebar: #071528;
  --bqp-surface: #0b1d34;
  --bqp-surface-2: #0f2541;
  --bqp-surface-3: #15304f;
  --bqp-surface-glass: rgba(11, 29, 52, 0.78);
  --bqp-border: #1a3a60;
  --bqp-border-soft: #14304f;

  /* Apoyo tecnológico: azul eléctrico / cian moderado */
  --bqp-tech: #2f8fff;
  --bqp-tech-2: #39b6ff;
  --bqp-tech-soft: rgba(47, 143, 255, 0.12);
  --bqp-tech-line: rgba(47, 143, 255, 0.38);
  --bqp-tech-glow: 0 0 0 1px rgba(47, 143, 255, 0.22), 0 0 24px rgba(47, 143, 255, 0.12);

  /* Texto */
  --bqp-text: #eef3fa;
  --bqp-text-2: #a8b8cd;
  --bqp-text-3: #6f86a3;

  /* Marca BOSCA */
  --bqp-accent: #ff7a1a;
  --bqp-accent-strong: #ff8f3a;
  --bqp-accent-soft: rgba(255, 122, 26, 0.14);
  --bqp-accent-line: rgba(255, 122, 26, 0.5);

  /* Estados (uso exclusivo para estado) */
  --bqp-ok: #22c97a;
  --bqp-ok-soft: rgba(34, 201, 122, 0.15);
  --bqp-warn: #f5a524;
  --bqp-warn-soft: rgba(245, 165, 36, 0.15);
  --bqp-crit: #ff4d4f;
  --bqp-crit-soft: rgba(255, 77, 79, 0.15);
  --bqp-info: #2f8fff;
  --bqp-info-soft: rgba(47, 143, 255, 0.15);
  --bqp-neutral-soft: rgba(168, 184, 205, 0.12);

  /* Tipografía (fuentes del sistema: sin descargas) */
  --bqp-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --bqp-font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --bqp-font-logo: "Arial Black", "Segoe UI Black", "Segoe UI", Arial, sans-serif;
  --bqp-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;

  /* Espaciado y forma (densidad del preview aprobado) */
  --bqp-radius: 10px;
  --bqp-radius-sm: 7px;
  --bqp-gap: 12px;
  --bqp-sidebar-w: 200px;
  --bqp-header-h: 56px;
  --bqp-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 10px 28px rgba(0, 0, 0, 0.28);
}