/* Aprende Tidyverse — tokens de diseño compartidos por el sitio público y el aula.
   Fuente única: el sitio los carga como /files/at-tokens.css (head_html) y generar_tema_aula.py
   los antepone a at-aula.css. Cambiar un color aquí lo cambia en las dos superficies. */
:root {
  --at-bg: #F8F9FB;
  --at-surface: #FFFFFF;
  --at-hover: #EFEBE4;
  --at-ink: #1F2A37;
  --at-ink-2: #475569;
  --at-ink-3: #6B7280;
  --at-ink-4: #6B7280;   /* texto terciario: #9AA3AE no pasa contraste AA (2,5:1) */
  --at-ink-deco: #9AA3AE; /* solo bordes, íconos y tachados decorativos */
  --at-line: #E4E0D8;
  --at-primary: #1A4FA0;
  --at-primary-hover: #154391;
  --at-primary-soft: #E9F0FA;
  --at-navy: #0B2A5E;
  --at-navy-2: #0F3270;
  --at-sky: #A6C0E8;
  --at-sky-2: #CFDDF2;
  --at-sand: #D9BE8E;
  --at-sand-hover: #CBAB74;
  --at-sand-ink: #5C4824;
  --at-sand-text: #85660F;
  --at-sand-label: #B8935B;
  --at-sand-bg: #FBF7EF;
  --at-sand-line: #E7D4AE;
  --at-success: #2B6A42;
  --at-success-bg: #E8F2EC;
  --at-success-icon: #3E8E5C;
  --at-warn-bg: #FBF2DE;
  --at-warn-ink: #85660F;
  --at-orange: #E0852E;
  --at-orange-soft: #F2B679;
  --at-shadow: 0 1px 3px rgba(31,42,55,0.07), 0 1px 2px rgba(31,42,55,0.045);
  --at-shadow-2: 0 6px 16px rgba(31,42,55,0.08), 0 2px 4px rgba(31,42,55,0.04);
  /* La misma Inter variable que traen Frappe (InterVariable) y LMS (InterVar): una sola tipografía en sitio y aula */
  --at-font: 'InterVariable', 'InterVar', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Radios y alturas comunes */
  --at-r-sm: 8px;   /* botones, inputs */
  --at-r-md: 10px;  /* filas, módulos, pills de bloque */
  --at-r-lg: 12px;  /* tarjetas de curso */
  --at-r-xl: 14px;  /* tarjetas grandes */
  --at-h-btn: 44px;     /* botón estándar (objetivo táctil) */
  --at-h-btn-lg: 48px;  /* botón destacado */
  /* Escala tipográfica única (sitio y aula) */
  --at-fs-display: 56px; --at-fs-h1: 40px; --at-fs-h2: 26px; --at-fs-h3: 19px;
  --at-fs-lead: 19px; --at-fs-body: 15px; --at-fs-small: 13px; --at-fs-overline: 12px;
}