:root {
    --bg-color: #252238;
    --card-bg: #3F3B6C;
    --text-main: #F4EEE0;
    --text-muted: #cfc3d8;
    --border-color: #624F82;

    --primary: #FFEBB8;
    --primary-hover: #fff5d8;
    --primary-text: #33244a;
    --secondary: #A3C7D6;
    --secondary-hover: #d3edf5;
    --danger: #E05454;
    --danger-hover: #ff7373;
    --button-bg: #624F82;
    --button-hover: #7b5d96;
    --surface-hover: #4f477d;
    --field-bg: #302b4d;
    --disabled-text: #9f91ad;
    --header-bg: #211d33;
    --focus-ring: rgba(255, 235, 184, 0.34);
    --surface-border: rgba(244, 238, 224, 0.08);
    --surface-shadow: 9px 11px 0 rgba(33, 29, 51, 0.58);
    --surface-shadow-hover: 12px 14px 0 rgba(33, 29, 51, 0.7);
}