:root {
    --bg: #242539;
    --surface: rgba(38, 45, 74, .82);
    --raised: #2b304c;
    --soft: rgba(255, 255, 255, .055);
    --border: rgba(255, 255, 255, .09);
    --primary: #ffc414;
    --primary-soft: rgba(255, 196, 20, .12);
    --text: #f7f7fb;
    --muted: #aeb4c5;
    --success: #43e986;
    --warning: #f59e0b;
    --danger: #ef4444;
    --container-max: 1350px;
    --z-modal: 2400;

    --font-2xs: 8px;
    --font-xs: 9px;
    --font-sm: 10px;
    --font-md: 11px;
    --font-base: 12px;
    --font-lg: 13px;
    --font-xl: 14px;
    --font-2xl: 15px;
    --font-3xl: 17px;

    --type-title: 21px;
    --type-body: 12px;
    --type-label: 10px;
    --type-small: 9px;
    --type-caption: 8px;

    --space-1: 2px;
    --space-3: 5px;
    --space-4: 6px;
    --space-5: 7px;
    --space-7: 9px;
    --space-8: 10px;
    --space-9: 11px;
    --space-11: 13px;
    --space-12: 14px;
    --space-13: 15px;
    --space-15: 18px;
    --space-16: 20px;
    --space-17: 22px;

    --space-scale-4: 4px;
    --space-scale-8: 8px;
    --space-scale-12: 12px;
    --space-scale-16: 16px;
    --space-scale-24: 24px;
    --space-scale-32: 32px;
    --space-scale-48: 48px;
    --space-scale-64: 64px;

    --radius-xs: 5px;
    --radius-sm: 7px;
    --radius-compact: 8px;
    --radius-9: 9px;
    --radius-control: 10px;
    --radius-button: 11px;
    --radius-surface: 12px;
    --radius-13: 13px;
    --radius-card: 14px;
    --radius-pill: 999px;
    --radius-round: 50%;

    --control-height-status: 30px;
    --control-height-xs: 30px;
    --control-height-sm: 35px;
    --control-height-tab: 39px;
    --control-height-md: 43px;
    --control-height-lg: 49px;

    --shadow-focus-primary: 0 0 0 3px rgba(255, 196, 20, .09);
    --shadow-modal: 0 30px 90px rgba(17, 19, 38, .48);
    --shadow-primary-soft: 0 8px 20px rgba(255, 196, 20, .1);
    --shadow-card-hover: 0 14px 30px rgba(0, 0, 0, .14);

    --transition-fast: .18s ease;
    --transition-base: .2s ease;

    --scrollbar-size: 6px;
    --scrollbar-thumb: rgba(255, 255, 255, .13);
    --scrollbar-thumb-hover: rgba(255, 255, 255, .22);
    --scrollbar-track: transparent;
}