/* Site TC Junior - tokens de diseño (ver docs/DISENO.md) */
:root {
  /* Color: tomados del logo y de los videos de la marca */
  --color-noche: #150a33;      /* fondo oscuro */
  --color-violeta: #7b35ff;    /* decoración y números grandes; no para texto pequeño */
  --color-naranja: #ff9500;    /* solo la acción principal (la sonrisa del logo) */
  --color-lavanda: #d2beff;    /* texto secundario sobre oscuro */
  --color-papel: #f7f3ff;      /* fondo de secciones claras */
  --color-tinta: #1b1033;      /* texto sobre claro y sobre el naranja */
  --color-tinta-suave: #4b4068;/* texto secundario sobre claro */
  --color-filete-claro: #d9cff2;
  --color-filete-oscuro: rgba(210, 190, 255, 0.22);
  --color-foco: var(--color-naranja);

  /* Tipografía */
  --fuente-titulos: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fuente-texto: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
  --texto-base: 1.0625rem;
  --interlineado: 1.6;
  --ancho-lectura: 62ch;

  /* Espaciado y forma */
  --margen: clamp(1.25rem, 5vw, 3rem);
  --ancho-pagina: 72rem;
}