/*
 * Los tokens del prototipo (design/prototipo/index.html), tal cual: papel frío,
 * poco color, un color por rol. Ver documentation/ui/index.md.
 *
 * Las dos familias tipográficas (Atkinson Hyperlegible, para baja visión, y
 * Lexend, para fluidez lectora) todavía NO se cargan: el prototipo las pedía a
 * Google Fonts y eso le contaría a Google la IP de cada familia que abre la
 * app, que es justo lo que este producto promete que no pasa. Las dos son OFL,
 * así que se van a servir desde el nodo; mientras, manda la pila del sistema.
 */
:root {
  --paper:#F2F5F7; --sheet:#FFFFFF; --sunk:#E6ECEF; --ink:#1B2A33; --ink-2:#56646D; --line:#D5DDE2;
  --accent:#1D6A85; --accent-ink:#FFFFFF; --accent-soft:#DDEBF1;
  --apoyo:#BF442C; --apoyo-ink:#FFFFFF; --apoyo-soft:#F6E2DC;
  --error:#A8321B; --error-soft:#F6E2DC;
  --casa:#9E6810; --escuela:#2A7A49; --terapia:#6150B8; --medico:#2462A8; --at:#B0465F; --colab:#5C6A74;
  --shadow:rgba(20,40,52,.28);
  --f-display:"Lexend","Atkinson Hyperlegible Next",system-ui,sans-serif;
  --f-body:"Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-mono:"Atkinson Hyperlegible Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  /* Objetivo táctil mínimo: 48 px (documentation/ui/accesibilidad.md). */
  --toque:48px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#0F161B; --sheet:#172128; --sunk:#1D2932; --ink:#E3EAEE; --ink-2:#9AA8B1; --line:#2A3842;
    --accent:#6CB6D0; --accent-ink:#0B1A21; --accent-soft:#1B3441;
    --apoyo:#E0654B; --apoyo-ink:#1A0B07; --apoyo-soft:#3A221C;
    --error:#E0654B; --error-soft:#3A221C;
    --casa:#DDA64A; --escuela:#63B783; --terapia:#A596EA; --medico:#72A7E6; --at:#E58BA1; --colab:#9AA6AF;
    --shadow:rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --paper:#0F161B; --sheet:#172128; --sunk:#1D2932; --ink:#E3EAEE; --ink-2:#9AA8B1; --line:#2A3842;
  --accent:#6CB6D0; --accent-ink:#0B1A21; --accent-soft:#1B3441;
  --apoyo:#E0654B; --apoyo-ink:#1A0B07; --apoyo-soft:#3A221C;
  --error:#E0654B; --error-soft:#3A221C;
  --casa:#DDA64A; --escuela:#63B783; --terapia:#A596EA; --medico:#72A7E6; --at:#E58BA1; --colab:#9AA6AF;
  --shadow:rgba(0,0,0,.6);
}