/* Backoffice, versión 1792415389-da35: tokens.json escrito como variables CSS el 2026-10-19, una línea por token. */
:root {
  --surface: #ffffff;
  --surface-sunken: #f4f5f6;
  --surface-selected: #eceef0;
  --line: #e4e6e9;
  --line-control: #c9ced4;
  --ink: #1c2024;
  --ink-muted: #59616b;
  --ink-subtle: #646c76;
  --accent: #2f4248;
  --accent-hover: #24343a;
  --on-accent: #ffffff;
  --info: #1d5fd1;
  --info-soft: #edf4fd;
  --attention: #c2410c;
  --attention-soft: #fdf1ea;
  --warning: #8a5d00;
  --warning-soft: #fff7e0;
  --success: #1a7f37;
  --success-soft: #edf8f0;
  --danger: #b42318;
  --danger-soft: #fdf0ef;
  --tag-public: #e9eff6;
  --tag-public-line: #cdd8e5;
  --tag-public-ink: #34506e;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --type-page-title: 600 22px/28px var(--font-sans);
  --type-page-title-tracking: -0.01em;
  --type-item-title: 500 16px/22px var(--font-sans);
  --type-section-title: 600 13px/18px var(--font-sans);
  --type-body: 400 13px/20px var(--font-sans);
  --type-body-strong: 600 13px/20px var(--font-sans);
  --type-figure: 600 15px/20px var(--font-sans);
  --type-meta: 400 12px/16px var(--font-sans);
  --type-caption: 500 11px/14px var(--font-sans);
  --type-overline: 600 10px/14px var(--font-sans);
  --type-overline-tracking: 0.08em;
  --type-code: 500 13px/20px var(--font-mono);
  --type-code-tracking: 0.04em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 48px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --size-topbar: 48px;
  --size-sidebar: 224px;
  --size-rail: 56px;
  --size-control: 36px;
  --size-content: 1100px;
  --bp-rail: 1024px;
  --bp-stack: 600px;
}