:root {
    --st-app-bg: #F6F7F5;
    --st-surface: #FFFFFF;
    --st-surface-secondary: #EEF1EC;
    --st-surface-hover: #E7EBE5;
    --st-border: #D8DED5;

    --st-text: #172019;
    --st-text-secondary: #626C64;
    --st-text-disabled: #929A93;

    --st-primary: #315D3B;
    --st-primary-hover: #274B30;
    --st-primary-contrast: #FFFFFF;
    --st-focus: #7DA087;

    --st-control-accent: oklch(0.7686 0.1647 70.0804);
    --st-control-accent-hover: oklch(0.715 0.158 68);

    --st-scrollbar-track: #EEF1EC;
    --st-scrollbar-thumb: #465048;
    --st-scrollbar-thumb-hover: #303831;

    --st-success: #2E6A3D;
    --st-warning: #9A5A00;
    --st-danger: #B42318;
    --st-info: #2667A8;

    --st-sidebar-width: 248px;
    --st-sidebar-collapsed-width: 64px;
    --st-header-height: 56px;
    --st-content-max-width: 1600px;

    --st-radius-control: 6px;
    --st-radius-panel: 8px;

    --st-space-1: 4px;
    --st-space-2: 8px;
    --st-space-3: 12px;
    --st-space-4: 16px;
    --st-space-5: 24px;
    --st-space-6: 32px;

    --st-transition-fast: 140ms ease;
    --st-transition-panel: 180ms ease;
}

html[data-bs-theme="dark"] {
    --st-app-bg: #111512;
    --st-surface: #181D19;
    --st-surface-secondary: #202620;
    --st-surface-hover: #282F28;
    --st-border: #333B33;

    --st-text: #F2F5F1;
    --st-text-secondary: #A8B0A8;
    --st-text-disabled: #707870;

    --st-primary: #7FA889;
    --st-primary-hover: #96BA9E;
    --st-primary-contrast: #101511;
    --st-focus: #A4C8AC;

    --st-control-accent: oklch(0.7686 0.1647 70.0804);
    --st-control-accent-hover: oklch(0.82 0.15 72);

    --st-scrollbar-track: #202620;
    --st-scrollbar-thumb: #8C968D;
    --st-scrollbar-thumb-hover: #A8B0A8;

    --st-success: #78B487;
    --st-warning: #E6A955;
    --st-danger: #F07D72;
    --st-info: #7FB3E8;
}