:root,
[data-theme="dark"] {
    color-scheme: dark;
    --bg: #1A1C21;
    --chrome: #16181C;
    --card: #212429;
    --card2: #272B32;
    --sunken: #15171B;
    --line: #2C3037;
    --line2: #3A3F49;
    --fg: #E9EBEF;
    --fg2: #98A0AC;
    --fg3: #6B7482;
    --accent: #B47BEC;
    --accentFill: #7A26A8;
    --accentFillHover: #8D2EC2;
    --accentBtnFg: #FFFFFF;
    --accentSoft: rgba(180, 123, 236, 0.13);
    --accentLine: rgba(180, 123, 236, 0.3);
    --ok: #3FCF8E;
    --okSoft: rgba(63, 207, 142, 0.12);
    --okLine: rgba(63, 207, 142, 0.28);
    --warn: #E3A857;
    --warnSoft: rgba(227, 168, 87, 0.12);
    --warnLine: rgba(227, 168, 87, 0.28);
    --danger: #F0685E;
    --dangerSoft: rgba(240, 104, 94, 0.12);
    --dangerLine: rgba(240, 104, 94, 0.28);
    --dangerFill: #B4322A;
    --dangerFillHover: #C93B31;
    --info: #5FA8F0;
    --infoSoft: rgba(95, 168, 240, 0.12);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadowLg: 0 12px 32px rgba(0, 0, 0, 0.45);
}

[data-theme="light"] {
    color-scheme: light;
    --bg: #F5F5F8;
    --chrome: #FFFFFF;
    --card: #FFFFFF;
    --card2: #F4F4F7;
    --sunken: #EFEFF3;
    --line: #E4E5EB;
    --line2: #D2D4DC;
    --fg: #1A1C21;
    --fg2: #5D646F;
    --fg3: #8B929E;
    --accent: #701F98;
    --accentFill: #701F98;
    --accentFillHover: #5C1880;
    --accentBtnFg: #FFFFFF;
    --accentSoft: rgba(112, 31, 152, 0.07);
    --accentLine: rgba(112, 31, 152, 0.2);
    --ok: #1B8A4B;
    --okSoft: rgba(27, 138, 75, 0.09);
    --okLine: rgba(27, 138, 75, 0.22);
    --warn: #9A6412;
    --warnSoft: rgba(154, 100, 18, 0.09);
    --warnLine: rgba(154, 100, 18, 0.22);
    --danger: #C0362B;
    --dangerSoft: rgba(192, 54, 43, 0.08);
    --dangerLine: rgba(192, 54, 43, 0.2);
    --dangerFill: #B4322A;
    --dangerFillHover: #98281F;
    --info: #1F6FBF;
    --infoSoft: rgba(31, 111, 191, 0.09);
    --shadow: 0 1px 2px rgba(20, 22, 28, 0.06);
    --shadowLg: 0 12px 32px rgba(20, 22, 28, 0.12);
}

:root {
    --fontSans: Geist, system-ui, -apple-system, sans-serif;
    --fontMono: monospace;
    --sidebarWidth: 252px;
    --topbarHeight: 56px;
    --footerHeight: 64px;
    --contentMax: 1360px;
    --radiusXs: 6px;
    --radiusSm: 7px;
    --radiusMd: 8px;
    --radiusLg: 9px;
    --radiusXl: 11px;
    --radius2xl: 12px;
    --radiusFull: 99px;
    scroll-behavior: smooth;
}