/* Tokens del prototipo (mismos nombres) + fuentes servidas desde el tema. */

@font-face{
  font-family:'Bricolage Grotesque';
  font-style:normal;
  font-weight:600 800;
  font-stretch:100%;
  font-display:swap;
  src:url('../fonts/bricolage-grotesque-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Figtree';
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('../fonts/figtree-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --bg:#F4F6FA; --surface:#FFFFFF; --ink:#14213D; --muted:#4D5872; --line:#DFE5EF; --line-fuerte:#7F8BA2; --foco:#1B3A6B;
  --brand-bg:#1B3A6B; --brand-bg-2:#24477F; --brand-on:#FFFFFF; --brand-on-2:#C9D6EE; --brand-fg:#1B3A6B; --brand-soft:#EAF0FA; --logo:#1E63AE;
  --accent-bg:#B4246A; --accent-fg:#A11F5E; --accent-soft:#FBEAF2; --accent-line:#F1C6DA;
  --ok-bg:#E3F3EA; --ok-fg:#1D6B3F; --warn-bg:#FFF1DC; --warn-fg:#87500A; --info-bg:#EAF0FA; --info-fg:#1B3A6B;
  --ph:#E8EDF5; --ph-line:#A9BBD9; --shade:rgba(20,33,61,.45); --shadow:0 18px 32px rgba(20,33,61,.10);
  --prog-blue:#2B6CA3; --prog-pink:#B8307A; --prog-blue-ink:#1F5C93;
  /* --line-fuerte: borde de los campos (3:1 contra el fondo). --foco: anillo de foco (azul en fondos claros;
     blanco en los azules, ver base.css). */
  /* Colores que en el prototipo estaban escritos a mano (no cambian con el modo oscuro) */
  --footer-bg:#14213D; --footer-ink:#C9D6EE; --footer-line:#2C3A5C; --social-bg:#24324F; --on-light:#1B3A6B;
  --f-display:'Bricolage Grotesque','Figtree',system-ui,sans-serif; --f-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E1626; --surface:#162135; --ink:#E8EDF7; --muted:#A6B2C8; --line:#2A3850; --line-fuerte:#64759A; --foco:#9DBCF0;
  --brand-bg:#16305A; --brand-bg-2:#1F3D6E; --brand-on:#FFFFFF; --brand-on-2:#C2D1EC; --brand-fg:#9DBCF0; --brand-soft:#1D2C46; --logo:#8FB0E8;
  --accent-bg:#C2367A; --accent-fg:#F28BBB; --accent-soft:#3A1A2C; --accent-line:#5E2A45;
  --ok-bg:#163627; --ok-fg:#86D6A8; --warn-bg:#3A2A12; --warn-fg:#F2C27A; --info-bg:#1D2C46; --info-fg:#B5CBF2;
  --ph:#1D2A40; --ph-line:#3C5276; --shade:rgba(0,0,0,.6); --shadow:0 18px 32px rgba(0,0,0,.4); --prog-blue-ink:#9DBCF0; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1626; --surface:#162135; --ink:#E8EDF7; --muted:#A6B2C8; --line:#2A3850; --line-fuerte:#64759A; --foco:#9DBCF0;
  --brand-bg:#16305A; --brand-bg-2:#1F3D6E; --brand-on:#FFFFFF; --brand-on-2:#C2D1EC; --brand-fg:#9DBCF0; --brand-soft:#1D2C46; --logo:#8FB0E8;
  --accent-bg:#C2367A; --accent-fg:#F28BBB; --accent-soft:#3A1A2C; --accent-line:#5E2A45;
  --ok-bg:#163627; --ok-fg:#86D6A8; --warn-bg:#3A2A12; --warn-fg:#F2C27A; --info-bg:#1D2C46; --info-fg:#B5CBF2;
  --ph:#1D2A40; --ph-line:#3C5276; --shade:rgba(0,0,0,.6); --shadow:0 18px 32px rgba(0,0,0,.4); --prog-blue-ink:#9DBCF0; color-scheme:dark}