/* ============================================================
   TOKENS — valores EXACTOS leídos del DOM vivo de intranet.ceu.es
   y de gestionacademicavirtual.uspceu.es (SIGMA), 2026-08-01.
   Fuente de verdad: spec/raw-intranet.json, spec/raw-apps-panel.json,
   spec/raw-sigma.json y el CSS original en spec/css/.
   OJO COLOR (corregido 2026-08-01 tras QA): los AZULES de marca se toman
   del PÍXEL RENDERIZADO, no del getComputedStyle. El DOM computado da
   #003CA3/#188FF1 (color base antes de la capa/overlay de SharePoint),
   pero el sitio RENDERIZA #273D9D/#578EE9 — verificado en 3 capturas
   reales independientes. Para "verse idéntico" manda el píxel.
   ============================================================ */

/* --- Fuentes reales del portal: Inter (TTF descargados del propio sitio) --- */
@font-face { font-family: "Interlight";    src: url("../assets/inter-light.ttf")    format("truetype"); font-display: swap; }
@font-face { font-family: "InterRegular";  src: url("../assets/inter-regular.ttf")  format("truetype"); font-display: swap; }
@font-face { font-family: "InterSemibold"; src: url("../assets/inter-semibold.ttf") format("truetype"); font-display: swap; }

:root {
  /* ---------- PORTAL (Intranet CEU) ---------- */
  --ceu-blue:        #273D9D; /* header + footer + tiles "blue" — píxel real renderizado (39,61,157) */
  --ceu-lightblue:   #578EE9; /* banda Quick links + nav activo + tiles "lightblue" — píxel real (87,142,233) */
  --ceu-navy:        #070850; /* tiles "red" — Campus Virtual, Asistencia USP, Matrícula (rgb 7,8,80) */
  --ceu-green:       #52A095; /* tiles "green"  (rgb 82,160,149) */
  --ceu-violet:      #755B77; /* tiles "violet" (rgb 117,91,119) */
  --ceu-gray-tile:   #969696; /* tiles "gray"   (rgb 150,150,150) */
  --nav-bg:          #F4F4F4;
  --page-bg:         #EDEDED;
  --card-bg:         #FFFFFF;
  --text:            #444444; /* texto base */
  --text-2:          #666666; /* nav items */
  --text-3:          #777777; /* fechas / secundario */
  --link:            #00A9E5; /* color de enlace real del portal */

  /* Tipografía portal: Inter Light para nav/títulos/enlaces, Segoe UI para cuerpo */
  --font:      "Interlight", "Inter", "Segoe UI", system-ui, sans-serif;
  --font-semi: "InterSemibold", "Interlight", "Segoe UI", system-ui, sans-serif;
  --font-body: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;

  /* Métricas medidas en vivo */
  --nav-item-size: 16px;      /* line-height 45px, letter-spacing 0.7px, weight 400 (activo: 600) */
  --nav-item-ls: 0.7px;
  --hero-title-size: 28px;    /* Interlight, weight 700, blanco */
  --hero-desc-size: 15px;     /* Segoe UI */
  --section-title-size: 20px; /* h4 Interlight 700, letter-spacing 1px, blanco */
  --quicklink-icon: 50px;     /* FontAwesome 50px blanco */
  --quicklink-label: 15px;    /* Interlight weight 200 */
  --apps-panel-w: 642px;

  /* ---------- SIGMA (Consulta de Expediente) ----------
     Chrome exterior: Bootstrap 3 + Source Sans Pro.
     INTERIOR del iframe (la ficha y la tabla del expediente): PT Sans.
     Valores leídos del CSS interno verbatim — spec/css-sigma/apl.css. */
  --font-sig:       "Source Sans Pro", "Segoe UI", Arial, sans-serif; /* chrome exterior */
  --font-sig-inner: "PT Sans", "Segoe UI", Arial, sans-serif;         /* dentro del iframe */

  --sig-topbar:      #343434;
  --sig-orange:      #E47C34;
  --sig-panel-head:  #545353; /* barra "Consulta de Expediente" / "Mi expediente", 17px bold blanca */
  --sig-panel-body:  #EFEFEF; /* fondo ficha del alumno */
  --sig-label:       #000000; /* td.Campo, 12px bold */
  --sig-value:       #686665; /* td.Valor */
  --sig-btn-band:    #B4B4B4; /* banda de la botonera */
  --sig-tab-blue:    #253E67; /* botones de pestaña — píxel real renderizado (37,62,103) */
  --sig-print-btn:   #333333; /* botón "Versión para imprimir", 131x30 */
  --sig-table-head:  #7F7F7F; /* th, blanco 12px bold, alto 26px */
  --sig-cell:        #111111; /* celdas, 11px, filas de 28px */
  --sig-row:         #FFFFFF;
  --sig-row-alt:     #EFEFEF; /* zebra real */
  --sig-grid:        #CCCCCC; /* NO son borders: es el background de la tabla asomando
                                 entre celdas con border-collapse: separate */
  --sig-row-hl:      #FEFFD2; /* hover */
  --sig-notice-brd:  #B2FFFF; /* banner informativo, borde 2px */
}

/* --- Añadidos por HOME (index.html) — colores que no estaban arriba ---
   date-muted: fecha de news card, live-site-spec §2 (#9a9a9a medido en DOM).
   star-blue: estrellas RatingsSmallStarFilled de SharePoint, muestreado del PNG s165215.
   pager-*: literales de la regla .pagination en spec/css/enmarcha-publishing.min.css. */
:root {
  --date-muted: #9A9A9A;
  --star-blue:  #3B78D8;
  --pager-bg:   #F6F6F6;
  --pager-brd:  #DCDCDC;
  --pager-txt:  #333333;
}