:root {
    color-scheme: light;
    --ink-950: #333333;
    --ink-800: #444444;
    --ink-600: #666666;
    --ink-400: #888888;
    --line: #e0e0e0;
    --line-strong: #ced4da;
    --surface: #ffffff;
    --surface-subtle: #f5f5f5;
    --surface-muted: #f1f3f5;
    --nav: #1e3a5f;
    --nav-active: #2c5282;
    --accent: #3182ce;
    --accent-strong: #2c5aa0;
    --accent-soft: #e6f1fb;
    --warning: #a45b08;
    --warning-soft: #fff0d8;
    --danger: #a53838;
    --danger-soft: #f9e3e3;
    --info: #2f647f;
    --info-soft: #e0eef5;
    --success: #24744b;
    --success-soft: #deefe5;
    --shadow-sm: 0 1px 3px rgb(0 0 0 / 8%);
    --shadow-md: 0 10px 40px rgb(0 0 0 / 20%);
    --radius-sm: 3px;
    --radius-md: 4px;
    --sidebar-width: 180px;
    --header-height: 52px;
    --content-max: 1680px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
}