:root {
    --bg-app: #edf4fb;
    --bg-shell: #f7fbff;
    --bg-panel: rgba(255, 255, 255, 0.94);
    --bg-panel-strong: #ffffff;
    --bg-brand: #10273f;
    --bg-brand-soft: #173c61;
    --line-soft: #d3e0ed;
    --line-strong: #b9cbdb;
    --ink-900: #10243a;
    --ink-700: #34526d;
    --ink-500: #647d96;
    --brand-900: #123557;
    --brand-700: #1e5b8f;
    --brand-500: #3582c5;
    --accent-500: #d57b1a;
    --accent-600: #b7650d;
    --ok-500: #21764b;
    --warn-500: #a36912;
    --danger-500: #b13e30;
    --shadow-lg: 0 24px 64px rgba(16, 36, 58, 0.16);
    --shadow-md: 0 16px 36px rgba(16, 36, 58, 0.11);
    --shadow-sm: 0 10px 24px rgba(16, 36, 58, 0.08);
    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 10px;
    --sidebar-width: 268px;
    --max-page: 1600px;
    --shell-inline-space: 24px;
    --font-main: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
}