/*
  Publicador · tokens del sistema visual. Misma familia que Cerberus Compilador (36a079f): grafito azulado, acento naranja,
  estados en puntos, Inter y Cascadia Mono. Escala COMPACTA propia (refundación): letra y espacios más pequeños que el
  Compilador, para trabajar con listas densas.
  El oscuro es el modo por defecto; el claro se activa con data-theme="light".
*/
:root {
  /* Tipografía: Inter para todo, Cascadia Mono para datos técnicos (alojadas en /fonts) */
  --font-sans: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "SFMono-Regular", ui-monospace, Menlo, monospace;

  --size-brand: 0.8125rem;     /* 13 */
  --size-title: 1.25rem;       /* 20 · Light */
  --size-state: 0.8125rem;     /* 13 · SemiBold, espaciado */
  --size-name: 0.9375rem;      /* 15 */
  --size-body: 0.8125rem;      /* 13 */
  --size-caption: 0.71875rem;  /* 11,5 */
  --size-section: 0.65625rem;  /* 10,5 · mayúsculas */
  --size-mono: 0.71875rem;     /* 11,5 */

  --weight-title: 300;
  --weight-body: 400;
  --weight-medium: 500;
  --weight-strong: 600;

  --tracking-brand: 0.32em;
  --tracking-state: 0.06em;
  --tracking-section: 0.13em;
  --leading: 1.45;

  /* Espacio (escala compacta: 4 · 6 · 10 · 14 · 18 · 22 · 32) */
  --space-xs: 0.25rem;
  --space-s: 0.375rem;
  --space-sm: 0.625rem;
  --space-m: 0.875rem;
  --space-ml: 1.125rem;
  --space-l: 1.375rem;
  --space-xl: 2rem;

  --radius-s: 4px;
  --radius-m: 7px;
  --radius-l: 10px;

  --rail-width: 212px;
  --modal-width: 40rem;
  --content-width: 1120px;
  --row-label: 200px;
  --dot: 7px;
  --dot-hero: 12px;
  --icon: 16px;
  --icon-stroke: 1.6;

  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --duration: 150ms;
}

/* ── Oscuro (por defecto) ── */
:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0f1216;
  --surface: #14181e;
  --surface-hover: #1b2029;
  --line: #222832;
  --line-strong: #2f3642;
  --text: #eceef2;
  --text-2: #9aa3b2;
  --text-3: #838c9b;   /* el antiguo #5C6473 no llegaba al contraste mínimo */

  --accent: #ee7f45;
  --accent-hover: #f29561;
  --on-accent: #0f1216;
  --focus: #ee7f45;

  --ok: #3fb27f;
  --warn: #e0a43a;
  --error: #e5534b;
  --busy: #58a6ff;
  --neutral: #838c9b;

  --logo-tile: #171b21;
  --logo-line: #2a303a;

  --overlay: rgb(5 7 10 / 0.72);   /* fondo de la ventana de progreso */
}

/* ── Claro: grises cálidos, superficies blancas y naranja tostado ── */
:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f4f3f0;
  --surface: #ffffff;
  --surface-hover: #efede9;
  --line: #e3e0da;
  --line-strong: #cfcbc3;
  --text: #1a1d22;
  --text-2: #545a63;
  --text-3: #656b75;

  --accent: #ad4e19;
  --accent-hover: #8f3f12;
  --on-accent: #ffffff;
  --focus: #ad4e19;

  --ok: #23875a;
  --warn: #a86a0c;
  --error: #c63a32;
  --busy: #2f6fc0;
  --neutral: #767c86;

  --logo-tile: #14181e;
  --logo-line: #14181e;

  --overlay: rgb(26 29 34 / 0.45);
}