/* ==========================================================================
   MARCA «Objetivo Placa»: el único sitio donde se tocan colores, tipografía
   y radios. Valores tomados de config/brand.json.
   Contrastes WCAG comprobados (AA para texto normal ≥ 4,5):
     oro sobre marino 7,3 · gris sobre marino 7,9 · gris sobre acero 5,6
     marino sobre papel 15,9 · tinta suave sobre papel 6,4 · oro oscuro sobre papel 5,7
   ========================================================================== */
:root {
  /* Fondos oscuros */
  --c-marino: #0e1a2b;          /* fondo principal */
  --c-marino-2: #0a1422;        /* pie, zonas más profundas */
  --c-acero: #1f3550;           /* bandas y tarjetas */
  --c-acero-2: #16273d;         /* tarjetas sobre marino */
  --c-linea: rgba(255, 255, 255, 0.10);

  /* Acento */
  --c-oro: #c9a24a;             /* CTA, subrayado del logo, cifras */
  --c-oro-ink: #0e1a2b;         /* texto sobre oro */
  --c-oro-oscuro: #7a5c17;      /* oro para texto sobre papel (AA) */
  --c-oro-suave: rgba(201, 162, 74, 0.14);
  --c-oro-halo: rgba(201, 162, 74, 0.40);

  /* Fondos claros */
  --c-papel: #f3f4f6;
  --c-blanco: #ffffff;
  --c-linea-clara: #d9dee6;

  /* Texto */
  --c-texto: #ffffff;
  --c-texto-2: #c9d4e2;         /* párrafos sobre oscuro */
  --c-gris: #9fb0c4;            /* secundario sobre oscuro */
  --c-tinta: #0e1a2b;           /* texto sobre papel */
  --c-tinta-2: #4a5a70;         /* secundario sobre papel */

  /* Estados */
  --c-ok: #3fae7a;
  --c-mal: #e5534b;             /* barras y bordes de error */
  --c-mal-texto: #ef7a72;       /* rojo para texto (AA sobre marino y acero) */
  --c-mal-suave: rgba(229, 83, 75, 0.14);

  /* Tipografía (Google Fonts, cargadas en cada HTML) */
  --f-titular: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --f-texto: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  /* Forma */
  --radio: 10px;
  --radio-sm: 8px;
  --ancho: 1200px;
}