/* ── Tema compartido del ecosistema SOASTEL ─────────────────────────────────
   Una sola fuente de verdad para colores y tipografia. Cada app lo incluye
   ANTES de su propio CSS con:  <link rel="stylesheet" href="soastel-theme.css">
   y sus variables locales (--navy, --teal, --gris, --azul, --primario...)
   apuntan a estas — asi cambiar un color aqui lo cambia en las 7 apps.

   Valores de referencia = los del Portal (la app de inicio del ecosistema):
     navy  #0F2540   teal #1A9B8A   muted #6B7A8F   fondo #F0F4F8   borde #DDE3EC
   Tipografia: Segoe UI (la de Windows, sin descargar nada) con fallbacks.
   ──────────────────────────────────────────────────────────────────────── */
:root {
  --st-navy: #0F2540;
  --st-navy-2: #16345C;
  --st-teal: #1A9B8A;
  --st-teal-dark: #12897A;
  --st-teal-light: #E6F5F2;
  --st-text: #0F2540;
  --st-muted: #6B7A8F;
  --st-bg: #F0F4F8;
  --st-surface: #FFFFFF;
  --st-line: #DDE3EC;
  --st-red: #B3261E;
  --st-red-bg: #FDECEC;
  --st-green: #1E8A5A;
  --st-green-bg: #E3F5EC;
  --st-amber: #B45309;
  --st-amber-bg: #FFF7ED;
  --st-font: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --st-font-mono: 'Cascadia Mono', Consolas, 'Courier New', monospace;
  --st-radius: 10px;
  --st-shadow: 0 1px 3px rgba(15,37,64,.08);

  /* Alias con los nombres que ya usan las apps, para no tener que tocar cada
     regla: todas apuntan al mismo sitio. */
  --navy: var(--st-navy);
  --teal: var(--st-teal);
  --teal-dark: var(--st-teal-dark);
  --teal-light: var(--st-teal-light);
  --text: var(--st-text);
  --muted: var(--st-muted);
  --gris: var(--st-muted);
  --bg: var(--st-bg);
  --surface: var(--st-surface);
  --line: var(--st-line);
  --borde: var(--st-line);
  --red: var(--st-red);
  --rojo: var(--st-red);
  --green: var(--st-green);
  --verde: var(--st-green);
  --amber: var(--st-amber);
  --azul: var(--st-navy);
  --font: var(--st-font);
  --body: var(--st-font);
  --display: var(--st-font);
  --mono: var(--st-font-mono);
}

html, body { font-family: var(--st-font); }
/* El fondo NO se fuerza aqui: las pantallas de login y la de TV llevan fondo
   oscuro a proposito; el resto ya usa var(--bg), que apunta al tema. */
body { color: var(--st-text); }
button, input, select, textarea { font-family: inherit; }