/* =====================================================================
   Underscore Ópticas · tokens de diseño (misma base que Underscore Medicina)
   Tema claro por defecto; oscuro neutro opcional (botón de luna).
   La interfaz usa neutros y un verde azulado (familia de La Vue) para no
   cansar la vista; los colores de cada óptica salen solo en sus impresiones.
   Fuentes servidas desde el propio servidor (sin Google Fonts): funciona
   igual con internet lento o en instalación local.
   ===================================================================== */
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-wght-normal.938c6e8019b6.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/ibm-plex-mono-latin-400-normal.79936b18df9f.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/ibm-plex-mono-latin-500-normal.b1c8a895f5fd.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/ibm-plex-mono-latin-600-normal.5a2ce7798732.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-latin-700-normal.25b0e113ca7c.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#f3f5f7;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --sunken:#edf0f3;
  --line:#e0e5ea;
  --line-strong:#c9d1d9;
  --fg:#1d2733;
  --fg-2:#3d4a58;
  --muted:#667485;
  --accent:#17767d;
  --accent-hover:#115f65;
  --accent-soft:#e3f2f3;
  --accent-fg:#ffffff;
  --danger:#b8352a; --danger-soft:#fcecea; --danger-line:#f0c3bd;
  --warn:#875800; --warn-soft:#fdf3dc; --warn-line:#ead199;
  --ok:#1d7347; --ok-soft:#e3f3e9;
  --info:#0f6b70; --info-soft:#e0f1f1;
  --ext:#6446c4; --ext-soft:#f0ebfd; --ext-line:#d7cbf9;
  --rose:#b03a63; --rose-soft:#fbe9ef;
  --wa:#1a8f4c; --wa-soft:#e2f5ea;
  --scrim:rgba(20,28,38,.45);
  --shadow-sm:0 1px 2px rgba(20,30,45,.05);
  --shadow:0 1px 2px rgba(20,30,45,.05),0 6px 18px rgba(20,30,45,.07);
  --shadow-lg:0 22px 55px rgba(20,30,45,.24);
  --font-ui:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-brand:"Poppins","Manrope","Segoe UI",sans-serif;
  --font-data:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  color-scheme:light;
}
:root[data-tema="oscuro"]{
  --bg:#17191c; --surface:#212428; --surface-2:#262a2f; --sunken:#1b1e21; --line:#32373d; --line-strong:#434a52;
  --fg:#e3e6ea; --fg-2:#c2c8cf; --muted:#939ba5;
  --accent:#6fcfd5; --accent-hover:#93dde1; --accent-soft:rgba(111,207,213,.13); --accent-fg:#0b2224;
  --danger:#ef8f7f; --danger-soft:rgba(239,143,127,.12); --danger-line:rgba(239,143,127,.35);
  --warn:#e2b462; --warn-soft:rgba(226,180,98,.12); --warn-line:rgba(226,180,98,.35);
  --ok:#79cd9d; --ok-soft:rgba(121,205,157,.12);
  --info:#7fcfcf; --info-soft:rgba(127,207,207,.12);
  --ext:#bdaaf5; --ext-soft:rgba(189,170,245,.12); --ext-line:rgba(189,170,245,.35);
  --rose:#f19bb9; --rose-soft:rgba(241,155,185,.12);
  --wa:#6fd49a; --wa-soft:rgba(111,212,154,.12);
  --scrim:rgba(0,0,0,.58);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  --shadow-lg:0 22px 55px rgba(0,0,0,.55);
  color-scheme:dark;
}