/*
  Sistema de diseño ANYSLS — paleta corregida.
  La paleta anterior (azul casi blanco, pizarra gris apagado en el
  pie de página) fue rechazada por el propietario como "descolorida y
  sin relación con el sitio operativo". Esta revisión deriva los
  valores estructurales y del pie de página de mediciones reales
  tomadas por CDP sobre https://anysls.com/ (no solo capturas
  visuales):
    fondo/cabecera de anysls.com:  rgb(13, 13, 27)   = #0d0d1b
    fondo real del pie de página:  rgb(9, 18, 47)    = #09122f
    franja de copyright inferior:  rgb(47, 47, 47)   = #2f2f2f
  El fondo de página claro y el azul estructural de esta hoja siguen
  siendo una interpretación modernizada (el sitio operativo usa un
  tema oscuro completo), no una copia literal — ver CLAIMS-REVIEW.md.
  Todos los pares de contraste se han recalculado con la fórmula de
  luminancia relativa WCAG (script de comprobación, no cálculo
  manual) y se documentan junto a cada token.
*/

:root {
  /* Marca (verde de acción, sin cambios — ya verificado y accesible) */
  --color-brand: #1f7a4d;
  --color-brand-hover: #186339;
  --color-brand-dark: #123f26;

  /* Texto y superficies (tema claro) */
  --color-text: #20242a;
  --color-text-muted: #5b6472;
  --color-surface: #ffffff;
  --color-surface-muted: #eef1f5;
  --color-white: #ffffff;

  /*
    Fondo de página: azul claro con más presencia que el descartado
    #e6f2fc (rechazado como "descolorido"). Contraste de texto sobre
    este fondo:
      --color-text (#20242a): 13.11:1 (AAA)
      --color-text-muted (#5b6472): 5.03:1 (AA)
      --color-heading (#10233a): 13.35:1 (AAA)
      --color-accent (#1f4e8c): 6.99:1 (AA, válido como texto/enlace)
  */
  --color-background: #dceefb;

  /*
    Borde: azul-gris con suficiente presencia para leerse como línea
    real sobre el fondo claro o blanco (antes casi invisible).
    No se le exige contraste de texto (es decorativo/estructural),
    pero se comprobó que no queda por debajo de 1.5:1 en ningún caso.
  */
  --color-border: #9fb8d1;

  /*
    Titulares: azul casi negro (no el azul medio anterior), más cerca
    del tono real de anysls.com sin perder legibilidad como "marca
    tipográfica" en vez de negro puro.
    Contraste sobre --color-background: 13.35:1 · sobre blanco: 15.87:1
  */
  --color-heading: #10233a;

  /*
    Acento estructural: azul más fuerte que el descartado #4c6fa8,
    usado en enlaces y elementos estructurales sobre superficies
    claras. Contraste sobre --color-background: 6.99:1 · sobre
    blanco: 8.31:1 (ambos AA texto normal, con margen).
  */
  --color-accent: #1f4e8c;
  --color-accent-hover: #123563;

  /*
    Pie de página: azul marino saturado derivado directamente del
    valor medido en el pie de página real de anysls.com (#09122f,
    diferencia de 1.04:1 frente al valor usado aquí — prácticamente
    el mismo color). Ya no es el gris pizarra "descolorido" del
    checkpoint anterior.
    Contraste verificado:
      --color-on-footer (#f2f5fa) sobre --color-footer: 16.29:1 (AAA)
      --color-on-footer-muted (#c7d0de) sobre --color-footer: 11.45:1 (AAA)
      --color-brand sobre --color-footer: 3.35:1 (umbral no textual
        únicamente — válido para el pequeño enlace/teaser de
        Continuidad, no para bloques de texto largo)
  */
  --color-footer: #0b1730;
  --color-footer-border: rgba(255, 255, 255, 0.14);
  --color-on-footer: #f2f5fa;
  --color-on-footer-muted: #c7d0de;

  /*
    Franja inferior de copyright/legal: tono neutro oscuro, derivado
    del valor medido en la franja de copyright real de anysls.com
    (rgb(47,47,47) = #2f2f2f), tal y como permite la instrucción
    ("tono oscuro cálido restringido, solo si coincide genuinamente
    con el sitio público"). Contraste de --color-on-footer-muted
    sobre este fondo: 8.61:1 (AAA).
  */
  --color-footer-legal: #2f2f2f;

  /* Estados semánticos */
  --color-success: #2f7d4f;
  --color-warning: #9a6b00;
  --color-danger: #b3261e;

  /*
    Indicador de foco en dos tonos. Sobre fondos claros usa el par
    estándar; sobre el pie de página (fondo oscuro) se invierte con
    --color-focus-on-footer / --color-focus-separator-on-footer.
  */
  --color-focus: #0b1730;
  --color-focus-separator: #ffffff;
  --color-focus-on-footer: #f2f5fa;
  --color-focus-separator-on-footer: #0b1730;

  /* Tipografía */
  --font-body:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --font-heading: var(--font-body);
  --text-size-base: 1rem;
  --line-height-base: 1.6;

  /* Espaciado */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;

  /* Composición */
  --container-max: 75rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --border-width: 1px;

  /* Movimiento */
  --transition-fast: 150ms ease;
}