/* Tokens de color por roles (spec §5.1). Solo propiedades personalizadas; las reglas viven en site.css. */
:root {
  color-scheme: light;

  /* Papel y tintes de profundidad, del bajío al abismo */
  --papel: #FFFFFF;
  --tinte-1: #E6F3F9;
  --tinte-2: #BFE0EF;
  --tinte-3: #7FBEDC;
  --tinte-4: #2E78A8;
  --tinte-5: #0E3C5E;
  --tinte-6: #071F33;

  /* Tierra: solo costa e islas */
  --tierra: #E8DFB8;

  /* Tinta: texto, isobatas, numerales (gris puro) */
  --tinta: #1F1F1F;
  --tinta-2: #5C5C5C;
  --linea: #E4E4E4;

  /* Acción única y luz del abismo */
  --magenta: #D5007F;
  --luz: #BFE0EF;

  /* Compuestos de la matriz texto/foco/fondo */
  --chip-oscuro-fondo: var(--tinte-6);
  --chip-oscuro-texto: var(--luz);
  --anillo-foco-oscuro: var(--tinte-6);
  --anillo-foco-luz: var(--luz);

  /* Tinta de carta: titulares y cifras sobre el agua clara del primer viewport */
  --tinta-carta: #0A2350;

  /* Medidas compartidas */
  --hud-alto: 64px;
  --anillo-grosor: 3px;
}