/* Sistema visual v2 — Mesa de rutas operativas. Fuente canónica de la suite. */
@font-face { font-family: "Archivo SemiCondensed"; src: url("/fonts/ArchivoSemiCondensed-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo SemiCondensed"; src: url("/fonts/ArchivoSemiCondensed-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo SemiCondensed"; src: url("/fonts/ArchivoSemiCondensed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Source Sans 3"; src: url("/fonts/SourceSans3-Variable.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/JetBrainsMono-Variable.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
:root {
  --sidebar-w: 232px; --sidebar-w-rail: 64px; --topbar-h: 60px;
  --control-h-compact: 30px; --control-h: 36px;
  --radius-control: 3px; --radius-panel: 4px; --radius-modal: 6px;
  --radius-sm: var(--radius-control); --radius: var(--radius-panel); --radius-lg: var(--radius-modal);
  --font-display: "Archivo SemiCondensed", "Arial Narrow", sans-serif;
  --font-ui: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Mono", monospace;
  --bg: #f7f8fa; --panel: #fff; --surface: #f1f3f6; --surface2: #eaedf2;
  --line: #d9dde5; --ink: #20242b; --muted: #667085; --ink-faint: #98a2b3; --text2: #667085;
  --accent: #6d28d9; --accent-hover: #5b21b6; --accent-ink: #fff; --accent-dim: rgba(109,40,217,.12);
  --accent2: var(--accent); --teal: var(--accent); --teal-dim: var(--accent-dim);
  --success: #0f9f73; --success-dim: rgba(15,159,115,.12); --warning: #c98200; --warning-dim: rgba(201,130,0,.12);
  --danger: #c72c48; --danger-dim: rgba(199,44,72,.12); --red: var(--danger);
  --shadow-xs: 0 1px 2px rgba(32,36,43,.06); --shadow: 0 4px 12px rgba(32,36,43,.07); --shadow-lg: 0 18px 42px rgba(32,36,43,.14);
  --sb-bg: #fff; --sb-text: #49505b; --sb-text-dim: #818996; --sb-active-bg: #f0ebff; --sb-active-text: #5420aa; --sb-hover: #f5f6f8; --sb-line: var(--line);
  --sb-avatar-bg: var(--accent); --sb-avatar-color: #fff;
  color: var(--ink); background: var(--bg); font-family: var(--font-ui);
}