/* Tokens de marca The Globe Oposiciones — subconjunto para la webui.
   Origen: TG_design_system/tokens/*.css (copiado y recortado a uso web).
   OFFLINE: fuentes auto-alojadas; NO usar Google Fonts / CDNs. */
@font-face{font-family:'Orbitron';font-style:normal;font-weight:400 900;font-display:swap;src:url('./fonts/orbitron.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/inter.woff2') format('woff2');}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/roboto-condensed.woff2') format('woff2');}

:root{
  /* Color base */
  --tg-night:#02141A; --tg-night-800:#0A2027; --tg-night-700:#14313A;
  --tg-turquoise:#00EADF; --tg-turquoise-700:#0E8A83; --tg-turquoise-050:#E6FDFC;
  --tg-paper:#FFFFFF; --tg-paper-tint:#F4F7F8;
  --tg-grey-100:#E6ECEE; --tg-grey-200:#D4DEE1; --tg-grey-500:#7C8D93; --tg-grey-700:#47585E;
  --ok:#0E8A83; --warn:#B26A00; --warn-bg:#FFF6E6; --err:#B00020; --err-bg:#FDECEE;

  /* Semánticos */
  --text-heading:var(--tg-night); --text-body:var(--tg-night-800); --text-muted:var(--tg-grey-700);
  --surface-page:var(--tg-paper); --surface-card:var(--tg-paper); --surface-tint:var(--tg-paper-tint);
  --border-subtle:var(--tg-grey-200); --accent:var(--tg-turquoise);

  /* Tipografía */
  --font-display:'Roboto Condensed','Arial Narrow',system-ui,sans-serif;
  --font-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-tech:'Orbitron','Roboto Condensed',system-ui,sans-serif;

  /* Espaciado / radios / sombras */
  --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.5rem; --space-6:2rem; --space-8:3rem;
  --radius-sm:4px; --radius-md:8px; --radius-lg:14px; --radius-pill:999px;
  --shadow-sm:0 2px 8px rgba(2,20,26,.08); --shadow-md:0 8px 24px rgba(2,20,26,.10);
}