:root {
  --color-bg: #f6f8fb;
  --color-surface: #fff;
  --color-border: #e7ebf1;
  --color-text: #172033;
  --color-muted: #6f7b8e;
  --color-primary: #2563eb;
  --color-primary-strong: #244fb2;
  --color-success: #0f9f6e;
  --color-success-bg: #e9fbf4;
  --color-warning: #b45309;
  --color-warning-bg: #fff7ed;
  --color-danger: #dc2626;
  --color-danger-bg: #fff1f1;
  --color-info: #2563eb;
  --color-info-bg: #eef4ff;
  --color-disabled: #94a3b8;
  --color-rail: #0f172a;
  --color-panel: #172236;
  --color-panel-2: #21304a;
  --color-header: #12233b;
  --radius-sm: 7px;
  --radius-md: 12px;
  --shadow-card: 0 10px 28px rgba(24, 36, 58, 0.06);
  --sidebar-rail-width: 84px;
  --sidebar-menu-width: 232px;
  --sidebar-width: 316px;
  --header-height: 76px;
  --font-title: 19px;
  --font-section: 13px;
  --font-body: 12px;
  --font-caption: 10px;

  --ink: var(--color-text);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --paper: var(--color-bg);
  --card: var(--color-surface);
  --navy: var(--color-rail);
  --navy-2: var(--color-panel);
  --accent: var(--color-primary);
  --ok: var(--color-success);
  --ok-bg: var(--color-success-bg);
  --warn: var(--color-warning);
  --warn-bg: var(--color-warning-bg);
  --danger: var(--color-danger);
  --danger-bg: var(--color-danger-bg);
  --wait: var(--color-info);
  --wait-bg: var(--color-info-bg);
  --shadow: var(--shadow-card);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }