:root,
html[data-theme="light"] {
    --purple-900: #5A189A;
    --purple-700: #7B2CBF;
    --purple-500: #9D4EDD;
    --purple-300: #C77DFF;
    --purple-100: #E0AAFF;
    --bg: #F9F7FC;
    --surface: #FFFFFF;
    --surface-elevated: #FFFFFF;
    --surface-soft: #FCFAFF;
    --surface-hover: #F7F0FC;
    --surface-striped: #FBF8FD;
    --text: #21172B;
    --text-muted: #6E6475;
    --text-soft: #8B8092;
    --border: #E5DAED;
    --border-strong: #D0B9DF;
    --table-head: #F4EDF8;
    --overlay: rgba(31,17,42,.42);
    --success: #1D7A50;
    --success-soft: #F4FBF7;
    --warning: #9A6700;
    --warning-soft: #FFFAF0;
    --danger: #B42318;
    --danger-soft: #FFF6F5;
    --shadow-sm: 0 2px 8px rgba(50, 26, 71, .06);
    --shadow-md: 0 12px 30px rgba(50, 26, 71, .10);
    --radius-control: 6px;
    --radius-card: 8px;
    --radius-modal: 10px;
    --control-height: 44px;
    --focus-ring: 0 0 0 3px rgba(157, 78, 221, .16);
}

html[data-theme="dark"] {
    --purple-900: #E3C2FF;
    --purple-700: #C999F3;
    --purple-500: #B66BE8;
    --purple-300: #9250BA;
    --purple-100: #4D2865;
    --bg: #151118;
    --surface: #1D1822;
    --surface-elevated: #25202A;
    --surface-soft: #211B26;
    --surface-hover: #2D2533;
    --surface-striped: #221C27;
    --text: #F3ECF7;
    --text-muted: #B8ABBf;
    --text-soft: #95899D;
    --border: #3B3042;
    --border-strong: #564361;
    --table-head: #2A2130;
    --overlay: rgba(0,0,0,.62);
    --success: #75D0A4;
    --success-soft: #173326;
    --warning: #E1B756;
    --warning-soft: #342A13;
    --danger: #FF8C84;
    --danger-soft: #3A1D1B;
    --shadow-sm: 0 2px 10px rgba(0,0,0,.24);
    --shadow-md: 0 18px 42px rgba(0,0,0,.4);
    --focus-ring: 0 0 0 3px rgba(182,107,232,.24);
}