/* tokens.css — sistema de diseño «Osés Apps de datos» (tokens.json v2).
   Generado a partir de tokens.json: no editar a mano; los cambios de color van en el sistema de diseño.
   Tema claro por defecto; oscuro con prefers-color-scheme o data-theme="dark"; data-theme="light" fuerza el claro. */
:root {
  --marca-azul: #003087;
  --marca-naranja: #FE5000;
  --bg: #f4f5f9;
  --panel: #ffffff;
  --ink: #1c1e2e;
  --muted: #6a6f82;
  --line: #e2e4ec;
  --line-strong: #c9ccd8;
  --hover: #f7f8fc;
  --sel: #f2f3fa;
  --cabecera: var(--marca-azul);
  --on-cabecera: #ffffff;
  --primary: #003087;
  --on-primary: #ffffff;
  --primary-soft: #e6ebf5;
  --accent: var(--marca-naranja);
  --accent-ink: #C43E00;
  --accent-soft: #fff0e8;
  --danger: #C62828;
  --on-danger: #ffffff;
  --danger-soft: #fbeaea;
  --ok: #2E7D32;
  --ok-soft: #edf6ee;
  --warn: #C77700;
  --warn-ink: #8A5200;
  --warn-soft: #fff1d6;
  --focus: var(--accent);
  --s1: #2a78d6;
  --s2: #eb6834;
  --s3: #1baf7a;
  --s4: #eda100;
  --s5: #e87ba4;
  --s0: #c3c7d4;
  --velo: rgba(0,0,0,0.25);
  --shadow: 0 12px 32px rgba(28,30,46,0.14);
  --space-cell-y: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-cell-x: 12px;
  --space-lateral: 14px;
  --space-ficha: 18px;
  --space-main: 20px;
  --space-vacio: 60px;
  --size-cabecera: 66px;
  --size-lateral: 270px;
  --size-ficha: 460px;
  --size-etiqueta-campo: 150px;
  --size-acceso: 360px;
  --size-cifra: 130px;
  --size-celda-max: 320px;
  --radius-barra: 3px;
  --radius-etiqueta: 4px;
  --radius-sm: 5px;
  --radius-control: 6px;
  --radius-caja: 8px;
  --radius-acceso: 10px;
  --radius-pildora: 999px;
  --z-cabecera-tabla: 5;
  --z-menu: 30;
  --z-velo: 40;
  --z-ficha: 50;
  --z-tooltip: 60;
  --dur-ficha: 0.2s;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-cifra: 22px;
  --fs-titulo-acceso: 18px;
  --fs-nombre-app: 17px;
  --fs-titulo-ficha: 16px;
  --fs-total-anillo: 15px;
  --fs-base: 14px;
  --fs-control: 13px;
  --fs-rotulo: 12px;
  --fs-pequeno: 12px;
  --fs-etiqueta: 12px;
  --fs-contador: 11px;
  --fs-sub-anillo: 9px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #15161f;
    --panel: #1d1f2b;
    --ink: #eceef6;
    --muted: #9a9fb5;
    --line: #2c2f40;
    --line-strong: #3d4157;
    --hover: #232635;
    --sel: #282b44;
    --primary: #8e93e8;
    --on-primary: #15161f;
    --primary-soft: #272a4d;
    --accent: #ff6a45;
    --accent-ink: #ff6a45;
    --accent-soft: #45231b;
    --danger: #ff9b94;
    --on-danger: #15161f;
    --danger-soft: #3f1c1c;
    --ok: #5fcf8f;
    --ok-soft: #1d3a2a;
    --warn: #f0b64a;
    --warn-ink: #f0b64a;
    --warn-soft: #3f3115;
    --s1: #3987e5;
    --s2: #d95926;
    --s3: #199e70;
    --s4: #c98500;
    --s5: #d55181;
    --s0: #4b5068;
    --shadow: 0 12px 32px rgba(0,0,0,0.5);
  }
}
:root[data-theme="dark"] {
  --bg: #15161f;
  --panel: #1d1f2b;
  --ink: #eceef6;
  --muted: #9a9fb5;
  --line: #2c2f40;
  --line-strong: #3d4157;
  --hover: #232635;
  --sel: #282b44;
  --primary: #8e93e8;
  --on-primary: #15161f;
  --primary-soft: #272a4d;
  --accent: #ff6a45;
  --accent-ink: #ff6a45;
  --accent-soft: #45231b;
  --danger: #ff9b94;
  --on-danger: #15161f;
  --danger-soft: #3f1c1c;
  --ok: #5fcf8f;
  --ok-soft: #1d3a2a;
  --warn: #f0b64a;
  --warn-ink: #f0b64a;
  --warn-soft: #3f3115;
  --s1: #3987e5;
  --s2: #d95926;
  --s3: #199e70;
  --s4: #c98500;
  --s5: #d55181;
  --s0: #4b5068;
  --shadow: 0 12px 32px rgba(0,0,0,0.5);
}