/* ==========================================================================
   tokens.css — Variables de marca CDA Control Operativo
   Fuente única de valores de diseño. No escribir colores/medidas hardcode
   en otros archivos: referenciar estas variables.
   ========================================================================== */

:root {
  /* --- Paleta de marca --- */
  --c-navy: #0D1B2A;        /* Azul marino — primario, fondos de peso */
  --c-graphite: #333333;    /* Grafito — texto principal */

  /* --- Neutros derivados --- */
  --c-navy-800: #14263a;    /* Navy elevado (cards sobre navy) */
  --c-navy-700: #1d3450;    /* Bordes/hover sobre navy */
  --c-ink: #1a1f26;         /* Texto casi negro */
  --c-body: #3a4149;        /* Texto de cuerpo */
  --c-muted: #6b7480;       /* Texto secundario */
  --c-line: #e3e6ea;        /* Bordes/divisores en claro */
  --c-surface: #f5f6f8;     /* Fondo de sección alterna */
  --c-surface-2: #eef1f4;   /* Fondo de sección alterna 2 */
  --c-white: #ffffff;

  /* --- Acento (frío, sin rojo de alarma) --- */
  --c-accent: #2f6f9f;      /* Acero — CTAs, foco, detalles */
  --c-accent-600: #26597f;  /* Acento hover */
  --c-accent-100: #e6eef4;  /* Acento tenue (fondos suaves) */

  /* --- Estados --- */
  --c-focus: #2f6f9f;

  /* --- Tipografía --- */
  --font-head: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Escala tipográfica (fluida) */
  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.9375rem;   /* 15px */
  --fs-base: 1rem;      /* 16px */
  --fs-md: 1.125rem;    /* 18px */
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.1rem);
  --fs-2xl: clamp(2rem, 1.5rem + 2.4vw, 3.25rem);

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.6;

  /* --- Espaciado (base 8) --- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* --- Layout --- */
  --container: 1200px;
  --container-narrow: 900px;
  --gutter: clamp(1.25rem, 0.8rem + 2vw, 2.5rem);

  /* --- Bordes y sombras (contenidas, sobrias) --- */
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;
  --border: 1px solid var(--c-line);
  --shadow-sm: 0 1px 2px rgba(13, 27, 42, 0.06);
  --shadow: 0 6px 24px rgba(13, 27, 42, 0.08);

  /* --- Transiciones --- */
  --t-fast: 140ms ease;
  --t: 220ms ease;

  /* --- Alturas fijas --- */
  --header-h: 76px;
}