/* ═══════════════════════════════════════════════════════════════════════════
   Estudio Científico Pro · Sistema de diseño (tokens)
   Identidad: «papel de laboratorio». Hoja cuadriculada de tono hueso con
   retícula azul-gris muy tenue, chasis grafito claro, acento cobalto
   (cálculo) y cobre (atención). Tipografía: IBM Plex Sans (interfaz),
   Source Serif 4 (texto en la hoja), IBM Plex Mono (código y valores),
   KaTeX (matemáticas). Modo oscuro: grafito profundo, retícula gris azul.
   ═══════════════════════════════════════════════════════════════════════════ */
:root {
  color-scheme: light;
  /* chasis */
  --ground: #E4E8EC; --chassis: #F4F6F8; --chassis-2: #ECEFF3; --surface: #FFFFFF; --sunk: #E9EDF1;
  --line: #CBD3DC; --line-soft: #DDE3EA; --line-strong: #9AA7B5;
  /* papel */
  --paper: #FCFCFA; --paper-edge: #D9DEE4; --grid: rgba(58, 96, 150, 0.13); --grid-major: rgba(58, 96, 150, 0.22);
  --paper-shadow: 0 1px 2px rgba(20, 30, 45, .12), 0 14px 34px -14px rgba(20, 30, 45, .28);
  /* tinta */
  --ink: #16202B; --ink-2: #3F4E5F; --ink-3: #5E7085; --ink-4: #8A9AAB;
  /* acentos */
  --accent: #1F4FB5; --accent-hi: #17409A; --accent-soft: rgba(31, 79, 181, .10); --accent-ring: rgba(31, 79, 181, .28); --on-accent: #FFFFFF;
  --copper: #B4611D; --copper-soft: rgba(180, 97, 29, .12);
  --ok: #1E7F5C; --ok-soft: rgba(30, 127, 92, .12);
  --warn: #B4611D; --warn-soft: rgba(180, 97, 29, .12);
  --bad: #B8322A; --bad-soft: rgba(184, 50, 42, .10);
  --result: #1F4FB5; --result-bg: #EEF3FC; --result-line: #C9D7F2;
  --define: #2F6B3F; --define-bg: #EDF6EF;
  /* selección y controles */
  --sel: #1F4FB5; --sel-soft: rgba(31, 79, 181, .08); --handle: #FFFFFF;
  --key: #FFFFFF; --key-line: #D3DBE3; --key-hover: #EEF3FC; --key-hover-line: #1F4FB5;
  /* tipografía */
  --sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
  --fs-ui: 13px; --fs-ui-sm: 12px; --fs-label: 10.5px; --fs-math: 18px; --fs-text: 16px;
  /* radios y sombras */
  --r-xs: 4px; --r-sm: 6px; --r-md: 9px; --r-lg: 12px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(20, 30, 45, .08), 0 2px 6px rgba(20, 30, 45, .06);
  --shadow-2: 0 4px 14px rgba(20, 30, 45, .14), 0 1px 3px rgba(20, 30, 45, .10);
  --shadow-3: 0 18px 44px -12px rgba(20, 30, 45, .32), 0 2px 8px rgba(20, 30, 45, .12);
  /* medidas */
  /* --ribbon-h: 32 px de pestañas + 74 de panel. Los botones grandes miden 62
     y los apilados 2 × 30 + 2; el rótulo del grupo pide 14 más. La barra de
     desplazamiento ya no ocupa sitio (se navega con flechas, rueda y velos). */
  --topbar-h: 44px; --ribbon-h: 122px; --status-h: 26px; --side-w: 300px;
  --grid-step: 24px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #0B1118; --chassis: #121A24; --chassis-2: #0E151D; --surface: #17202B; --sunk: #0F161E;
  --line: #27333F; --line-soft: #1F2A35; --line-strong: #4A5A6C;
  --paper: #151C25; --paper-edge: #0A0F15; --grid: rgba(120, 160, 220, 0.13); --grid-major: rgba(120, 160, 220, 0.22);
  --paper-shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 18px 40px -14px rgba(0, 0, 0, .7);
  --ink: #E6EDF5; --ink-2: #B6C3D1; --ink-3: #8797A9; --ink-4: #62738A;
  --accent: #6EA0F5; --accent-hi: #8DB4FA; --accent-soft: rgba(110, 160, 245, .14); --accent-ring: rgba(110, 160, 245, .32); --on-accent: #08111C;
  --copper: #E0904E; --copper-soft: rgba(224, 144, 78, .16);
  --ok: #4CC08F; --ok-soft: rgba(76, 192, 143, .14);
  --warn: #E0904E; --warn-soft: rgba(224, 144, 78, .16);
  --bad: #EF7A72; --bad-soft: rgba(239, 122, 114, .14);
  --result: #8DB4FA; --result-bg: #172335; --result-line: #2A3E60;
  --define: #7CCB92; --define-bg: #152619;
  --sel: #6EA0F5; --sel-soft: rgba(110, 160, 245, .10); --handle: #17202B;
  --key: #1B2530; --key-line: #2C3947; --key-hover: #22324A; --key-hover-line: #6EA0F5;
}