/* TokenServer — design tokens compartidos por el panel (/) y el portal de desarrolladores (/docs/).
   Tema oscuro único. Contrastes verificados (WCAG 2.1 AA) contra --bg-0, --bg-1 y --bg-2:
   --text ≥ 14:1, --text-2 ≥ 9:1, --muted ≥ 5.6:1, --accent ≥ 7:1, estados ≥ 6:1. */
:root {
  color-scheme: dark;

  /* Superficies (de más profunda a más elevada) */
  --bg-0: #0a0d12;          /* fondo de página */
  --bg-1: #0f131a;          /* sidebar, barras */
  --bg-2: #141922;          /* tarjetas, modales */
  --bg-3: #1a202b;          /* encabezados de tabla, inputs, código */
  --bg-4: #222a37;          /* hover */
  --border: #252d3a;
  --border-strong: #354152;
  --border-input: #5b6b81;  /* borde de controles: ≥ 3:1 contra --bg-1/--bg-2/--bg-3 (WCAG 1.4.11) */

  /* Texto */
  --text: #e6ebf2;
  --text-2: #b6c0cd;
  --muted: #8d99ab;

  /* Acento único */
  --accent: #4ea8ff;
  --accent-hover: #74bbff;
  --accent-fg: #03111f;     /* texto sobre el acento */
  --accent-soft: rgba(78, 168, 255, 0.12);
  --accent-line: rgba(78, 168, 255, 0.45);
  --focus: #8cc8ff;

  /* Estados (sólo para semántica, no decorativos) */
  --ok: #4ac26b;     --ok-bg: rgba(74, 194, 107, 0.12);   --ok-line: rgba(74, 194, 107, 0.35);
  --warn: #e3b341;   --warn-bg: rgba(227, 179, 65, 0.12); --warn-line: rgba(227, 179, 65, 0.35);
  --danger: #ff7b72; --danger-bg: rgba(255, 123, 114, 0.12); --danger-line: rgba(255, 123, 114, 0.4);

  /* Tipografía */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13px; --fs-base: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espaciado, radios, sombras */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px;
  --radius-sm: 4px; --radius: 6px; --radius-lg: 8px;
  --shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.55);
  --sidebar-w: 232px;
}