/* ============================================================
   IDESUN OS — Design Tokens
   Única fuente de verdad de estilo, derivada del
   Portafolio de Identidad de Marca IDESUN Nororiente V1.0
   ============================================================ */

:root {
  /* ---- Paleta institucional (del escudo) ---- */
  --naranja: #FC8B45;
  --verde: #32705B;

  /* ---- Paleta secundaria ---- */
  --petroleo: #0B4A56;
  --naranja-vivo: #FF7A38;
  --blanco: #FFFFFF;
  --tinta: #101A1A;

  /* ---- Paleta extendida (acentos, uso <=15%) ---- */
  --verde-bosque: #245344;
  --mostaza: #F5AE1A;
  --coral: #CE3A44;
  --salvia: #276E59;

  /* ---- Derivados de interfaz ---- */
  --petroleo-900: #06333C;
  --petroleo-800: #083E48;
  --petroleo-700: #0B4A56;
  --petroleo-600: #105966;
  --petroleo-100: #DCEAEC;
  --petroleo-50: #EEF4F5;

  --naranja-100: #FFE8D8;
  --naranja-50: #FFF3EA;
  --verde-100: #DEEDE7;
  --verde-50: #EFF6F3;
  --mostaza-100: #FCEFCB;
  --coral-100: #F8DFE1;

  /* ---- Superficies ---- */
  --bg: #F7F8F6;
  --surface: #FFFFFF;
  --surface-2: #F1F3F0;
  --border: #E4E8E3;
  --border-strong: #D2D8D1;

  /* ---- Texto ---- */
  --text: #14211F;
  --text-2: #4A5A57;
  /* Antes #7C8A87. Sobre blanco daba 3.5:1 y sobre la superficie gris de
     los encabezados de tabla, 3.2:1 — por debajo del mínimo legible (4.5:1
     para texto normal). Es el color de TODO el texto secundario del
     sistema: fechas, cantidades de alumnos, ayudas bajo los campos. Se
     oscureció a 5.4:1 conservando la jerarquía: sigue siendo claramente
     más tenue que --text-2 sin dejar de leerse. */
  --text-3: #5E6D6A;
  --text-inv: #F2F6F5;
  --text-inv-2: #A9C2C6;

  /* ---- Semánticos ---- */
  --ok: var(--salvia);
  /* --warn y --danger se usan sobre fondos claros (los chips de estado y
     las cifras de alerta). En sus valores anteriores (#C98A08 y #C13541)
     se quedaban en 2.9:1 y 4.3:1 — justo por debajo de lo legible. Se
     oscurecieron lo mínimo para pasar de 4.5:1 sin cambiar de color. */
  --warn: #8A6206;
  --danger: #AF2A35;
  --info: var(--petroleo-600);

  /* ---- Tipografía ---- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;

  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;

  /* ---- Radios ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-full: 999px;

  /* ---- Sombras ---- */
  --shadow-1: 0 1px 2px rgba(16, 26, 26, .05);
  --shadow-2: 0 2px 8px rgba(16, 26, 26, .07), 0 1px 2px rgba(16, 26, 26, .05);
  --shadow-3: 0 8px 28px rgba(16, 26, 26, .13), 0 2px 8px rgba(16, 26, 26, .07);
  --shadow-4: 0 20px 60px rgba(6, 51, 60, .28);

  /* ---- Layout ---- */
  --sidebar-w: 248px;
  --sidebar-w-mini: 74px;
  --topbar-h: 62px;
  --tabbar-h: 64px;
  --content-max: 1180px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --t-fast: 150ms var(--ease);
  --t-med: 240ms var(--ease);
}