:root {
  /* Identidad ASB para interfaz. Los colores internos del logotipo no se alteran. */
  --color-asb-yellow: #ffee00;
  --color-asb-red: #e30613;
  --color-asb-anthracite: #2d2d46;
  --color-white: #ffffff;
  --color-surface-soft: #f6f6f8;
  --color-border: rgba(45, 45, 70, 0.2);
  --color-border-strong: rgba(45, 45, 70, 0.45);
  --color-text-muted: #5d5d70;

  --font-sans: "Noto Sans", "Segoe UI", Arial, sans-serif;
  --font-serif: "Noto Serif", Georgia, "Times New Roman", serif;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 700;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5rem;
  --space-10: 6rem;
  --space-11: 7.5rem;

  --radius-small: 0.25rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;

  --content-max: 80rem;
  --content-reading: 46rem;
  --content-narrow: 64rem;
  --page-gutter: clamp(1.25rem, 4vw, 4rem);
  --tap-target: 2.75rem;

  --transition-fast: 140ms ease;
  --transition-standard: 180ms ease;
}