/* ==========================================================
   Tokens — Correlatividades Fonoaudiología UNC
   ========================================================== */

/* Reforma 2018: tipografía institucional de la UNC (fono.fcm.unc.edu.ar) */
@font-face{font-family:'Reforma'; font-weight:300; font-display:swap;
  src:url('../assets/fonts/Reforma2018-Blanca.woff2') format('woff2')}
@font-face{font-family:'Reforma'; font-weight:500; font-display:swap;
  src:url('../assets/fonts/Reforma2018-Gris.woff2') format('woff2')}
@font-face{font-family:'Reforma'; font-weight:800; font-display:swap;
  src:url('../assets/fonts/Reforma2018-Negra.woff2') format('woff2')}
:root{
  --y1:#3FBF8F; --y2:#3FA9E0; --y3:#F79A3E; --y4:#B061DE; --y5:#F2568E;
  --track-inv:#F2C94C;
  --transversal:#9AA0C4;

  --back:#FFC46B;
  --fwd:#5EEAD4;
  --ok:#4ADE80;

  --bg:#0B0D1A;
  --bg2:#12142A;
  --grid:rgba(255,255,255,.035);
  --card:#191C34;
  --card2:#1F2340;
  --line:rgba(255,255,255,.10); --wire:rgba(255,255,255,.26);
  --ink:#F2F3FA;
  --ink2:#A7ACC9;
  --ink3:#6E7396;
  --shadow:0 18px 40px -22px rgba(0,0,0,.9);
  --tint:11%;          /* cuánto del color del año entra en el fondo de la tarjeta */
  --edge:46%;          /* y cuánto en el borde */
  --r:14px;
  --font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Outfit',var(--font);
  --inst:'Reforma','PT Sans',var(--font);

  /* identidad Escuela de Fonoaudiología · FCM · UNC */
  --unc-green:#2A7D54;
  --unc-green-dark:#20603F;
  --unc-orange:#E88542;
  --unc-orange-dark:#D4722F;
  --on-unc:#FFFFFF;
  --brandbar:#FFFFFF;
  --brandbar-line:rgba(11,13,26,.10);
  --credit:#5BC490;      /* el verde institucional no se lee sobre el fondo oscuro */

  --on-accent:#fff;
  --on-year:#080A16;
  --on-ok:#06210f;
  --on-back:#2a1a00;
  --overlay:rgba(4,5,14,.72);
  --glow-1:rgba(176,97,222,.16);
  --glow-2:rgba(63,169,224,.14);
  --btn-hover-border:rgba(255,255,255,.22);

  /* placa 1080×1920: paleta clara fija — no sigue data-theme,
     la placa siempre se exporta en light para que funcione en stories */
  --poster-bg:#FDFAF4;
  --poster-bg-mid:#FFFFFF;
  --poster-card:#FFFFFF;
  --poster-ink:#16172A;
  --poster-ink2:#565B78;
  --poster-ink3:#8B8FA9;
  --poster-line:rgba(22,23,42,.13);
  --poster-grid:rgba(22,23,42,.045);
  --poster-on:#FFFFFF;        /* texto sobre relleno oscuro */
  --poster-on-year:#11121F;   /* texto sobre el color del año */
  --poster-ok:#149B63;
  --poster-reg:#D4801B;
}
[data-theme="light"]{
  --bg:#FBF8F3; --bg2:#FFFFFF; --grid:rgba(20,20,60,.045);
  --card:#FFFFFF; --card2:#F4F2FB; --line:rgba(20,20,60,.12); --wire:rgba(30,25,70,.30);
  --ink:#1A1B2E; --ink2:#5B5F7D; --ink3:#8C90AC;
  --back:#E08A1E; --fwd:#0FA98E;
  --shadow:0 14px 34px -20px rgba(30,20,70,.45);
  --tint:6%; --edge:42%;
  --btn-hover-border:rgba(20,20,60,.28);
  --overlay:rgba(4,5,14,.55);
  --credit:var(--unc-green);
}