/* ==========================================================================
   Portal Estudiante v2.0 — tokens.css
   Tokens unificados de los tres mockups aprobados (W0 cimientos).
   Ambito: .portal-estudiante  — no contamina estilos de docentes.
   Solo-lectura para frentes W1/W2/W3; edita el coordinador al cierre.
   ========================================================================== */

.portal-estudiante,
.pe-acceso {

  /* ------------------------------------------------------------------
     Paleta de marca — extiende portal-estudiante.css
     (--cream, --teal, --teal-deep, --carbon, --ink, etc. ya estan en :root)
     ------------------------------------------------------------------ */
  --teal-ink:     #1F5557;   /* teal AA para texto sobre crema/blanco */
  --surface:      #FFFFFF;
  --surface-2:    #FBF9F4;
  --surface-3:    #F4F0E6;
  --cream-2:      #EDE7DA;
  --cream-deep:   #DED6C3;
  --gray-light:   #6F6F6F;   /* override AA (portal-estudiante.css tiene #888) */

  /* Tinta secundaria / terciaria */
  --ink-2:        #4A4F57;
  --ink-3:        #626770;
  --ink-4:        #9BA0A8;

  /* Semaforo como texto (ink sobre fondo suave) */
  --ok-ink:       #157056;   /* verde-ink */
  --warn-ink:     #8E5810;   /* ambar-ink */
  --bad-ink:      #7A1F1F;   /* rojo-ink */
  --green-ink:    #157056;   /* alias detalle-clase */
  --amber-ink:    #8E5810;
  --red-ink:      #7A1F1F;

  /* Campos NEM — ink (texto AA sobre fondo soft del campo) */
  --campo-1-ink:  #A05030;   /* Lenguajes */
  --campo-2-ink:  var(--teal-shadow, #2C6D6F);   /* Saberes cientificos */
  --campo-3-ink:  #6B3FA0;   /* Etica y sociedades */
  --campo-4-ink:  #2D6644;   /* Humano y comunitario */

  /* ------------------------------------------------------------------
     Radios
     ------------------------------------------------------------------ */
  --r-sm:   10px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* ------------------------------------------------------------------
     Sombras
     ------------------------------------------------------------------ */
  --sh-1:     0 1px 2px rgba(30,33,38,.05);
  --sh-2:     0 4px 12px rgba(30,33,38,.06), 0 1px 3px rgba(30,33,38,.05);
  --sh-3:     0 20px 48px rgba(30,33,38,.12), 0 6px 16px rgba(30,33,38,.06);
  --sh-hero:  0 2px 4px rgba(30,33,38,.06), 0 12px 32px rgba(30,33,38,.10);
  --sh-focus: 0 0 0 4px rgba(109,199,208,.35);

  /* ------------------------------------------------------------------
     Espaciado (escala 4-pt)
     ------------------------------------------------------------------ */
  --s-1:   4px;
  --s-2:   8px;
  --s-3:   12px;
  --s-4:   16px;
  --s-5:   20px;
  --s-6:   24px;
  --s-8:   32px;
  --s-10:  40px;
  --s-12:  48px;

  /* ------------------------------------------------------------------
     Escala tipografica
     ------------------------------------------------------------------ */
  --t-xs:   12px;
  --t-sm:   13px;
  --t-base: 15px;
  --t-md:   17px;
  --t-lg:   22px;
  --t-xl:   28px;
  --t-2xl:  34px;

  /* Alias fs-* (detalle-clase) */
  --fs-micro:   12px;
  --fs-small:   13px;
  --fs-body:    15px;
  --fs-lead:    17px;
  --fs-h1:      22px;
  --fs-display: 56px;

  /* ------------------------------------------------------------------
     Areas tactiles y animacion
     ------------------------------------------------------------------ */
  --tap:        44px;
  --dur-fast:   150ms;
  --dur-base:   220ms;
  --ease:       cubic-bezier(.2,.7,.2,1);

  /* ------------------------------------------------------------------
     Topbar
     ------------------------------------------------------------------ */
  --topbar-h:   56px;
}