:root {
    --color-transparent: transparent;
    --color-black: #070809;
    --color-black-hover: #0a0b0d;
    --color-black-muted: #050607;
    --color-black-shadow: #0708091a;
    --color-black-opacity50: rgb(7 8 9 / 50%);
    --color-black-opacity40: rgb(7 8 9 / 40%);
    --color-black-opacity25: rgb(7 8 9 / 25%);
    --color-black-opacity15: rgb(7 8 9 / 15%);
    --color-black-alpha95: rgba(7, 8, 9, 0.95);
    --color-black-alpha80: rgba(7, 8, 9, 0.8);
    --color-black-alpha70: rgba(7, 8, 9, 0.7);
    --color-black-alpha60: rgba(7, 8, 9, 0.6);
    --color-black-alpha50: rgba(7, 8, 9, 0.5);
    --color-black-alpha40: rgba(7, 8, 9, 0.4);
    --color-black-alpha30: rgba(7, 8, 9, 0.3);
    --color-black-alpha25: rgba(7, 8, 9, 0.25);
    --color-black-alpha20: rgba(7, 8, 9, 0.2);
    --color-black-alpha10: rgba(7, 8, 9, 0.1);
    --color-dark-gray: #131418;
    --color-heavy-gray: #1c1f28;
    --color-medium-gray: #4d4d4d;
    --color-light-gray: #b4b9c9;
    --color-off-white: #eef0f6;
    --color-gray: #7a7f8c;
    --color-gray-hover: #6e7380;
    --color-gray-muted: #626774;
    --color-gray-shadow: #7a7f8c1a;
    --color-primary: #e8ebf5;
    --color-primary-hover: #d5dae8;
    --color-primary-muted: #c5cad8;
    --color-primary-soft: #d8dce8;
    --color-primary-shadow: #e8ebf51a;
    --color-primary-dark: #d0d5e3;
    --color-primary-light: #f4f6fb;
    --color-primary-glow: #e8ebf540;
    --color-dark-light: #070809;
    --color-dark-shadow: #07080920;
    --color-dark-glow: #07080940;
    --color-secondary: #666666;
    --color-secondary-shadow: #33333310;
    --color-success: #2ecc71;
    --color-success-hover: #27ae60;
    --color-success-muted: #0e1e15;
    --color-success-shadow: #2ecc711a;
    --color-success-alpha35: rgba(46, 204, 113, 0.35);
    --color-success-alpha15: rgba(46, 204, 113, 0.15);
    --color-success-alpha10: rgba(46, 204, 113, 0.1);
    --color-success-alpha05: rgba(46, 204, 113, 0.05);
    --color-warning: #f39c12;
    --color-warning-hover: #d68910;
    --color-warning-muted: #22190b;
    --color-warning-shadow: #f39c121a;
    --color-danger: #ff6363;
    --color-danger-hover: #e74c3c;
    --color-danger-muted: #2c1617;
    --color-danger-shadow: #e74c3c1a;
    --color-info: #3498db;
    --color-info-hover: #2980b9;
    --color-info-muted: #0b1f2a;
    --color-info-shadow: #3498db1a;
    --color-teal: #13bba4;
    --color-online: #64d889;
    --color-online-alpha45: rgba(100, 216, 137, 0.45);
    --color-accent-blue: #5b8def;
    --color-accent-blue-alpha20: rgba(91, 141, 239, 0.2);
    --color-accent-blue-alpha15: rgba(91, 141, 239, 0.15);
    --color-chat-mention: #6a9fff;
    --color-mention-alpha18: rgba(110, 181, 255, 0.18);
    --color-white-opacity06: rgba(255, 255, 255, 0.06);
    --color-white-opacity04: rgba(255, 255, 255, 0.04);
    --color-info-alpha35: rgba(52, 152, 219, 0.35);
    --color-info-alpha15: rgba(52, 152, 219, 0.15);
    --toast-info-bg: linear-gradient(135deg, var(--color-info-alpha35) 0%, var(--color-info-alpha15) 100%);
    --boost-primary: #6d8cff;
    --boost-secondary: #b96bff;
    --boost-gradient: linear-gradient(90deg, var(--boost-primary) 0%, var(--boost-secondary) 100%);
    --boost-primary-shadow: rgba(109, 140, 255, 0.25);
    --boost-primary-alpha12: rgba(109, 140, 255, 0.12);
    --boost-primary-alpha10: rgba(109, 140, 255, 0.1);
    --vanguard-primary: #7c3aed;
    --vanguard-secondary: #a855f7;
    --vanguard-tertiary: #c084fc;
    --vanguard-gradient: linear-gradient(135deg, var(--vanguard-primary) 0%, var(--vanguard-secondary) 50%, var(--vanguard-tertiary) 100%);
    --vanguard-shadow: rgba(124, 58, 237, 0.25);
    --vanguard-border: rgba(124, 58, 237, 0.4);
    --vanguard-border-alpha22: rgba(124, 58, 237, 0.22);
    --vanguard-glow: rgba(124, 58, 237, 0.15);
    --vanguard-primary-alpha12: rgba(124, 58, 237, 0.12);
    --vanguard-primary-alpha10: rgba(124, 58, 237, 0.1);
    --vanguard-primary-alpha08: rgba(124, 58, 237, 0.08);
    --color-vanguard-surface-alpha90: rgba(19, 20, 24, 0.9);
    --color-white-opacity80: rgba(255, 255, 255, 0.8);
    --color-white-opacity70: rgba(255, 255, 255, 0.7);
    --color-white-opacity40: rgba(255, 255, 255, 0.4);
    --color-white-opacity30: rgba(255, 255, 255, 0.3);
    --color-white-opacity16: rgba(255, 255, 255, 0.16);
    --color-white-opacity10: rgba(255, 255, 255, 0.1);
    --color-white-opacity08: rgba(255, 255, 255, 0.08);
    --color-white-opacity04: rgb(255 255 255 / 4%);
    --color-white-opacity02: rgba(255, 255, 255, 0.02);
    --bg-surface-dim: rgba(8, 9, 11, 0.9);
    --color-black-alpha78: rgba(7, 8, 9, 0.78);
    --color-black-alpha42: rgba(7, 8, 9, 0.42);
    --color-success-strong-alpha95: rgba(31, 163, 92, 0.95);
    --bg-input-deep: #0a0b0e;
    --bg-black: var(--color-black);
    --bg-dark: #070809;
    --bg-deep: #050607;
    --bg-gradient-accent: #141820;
    --bg-card: #131418;
    --bg-card-hover: var(--color-black-opacity40);
    --bg-input: #0c0d11;
    --bg-input-hover: #0a0b0e;
    --bg-header: #131418;
    --bg-surface-raised: rgba(19, 20, 24, 0.6);
    --bg-surface-muted: rgba(28, 31, 40, 0.95);
    --text-primary: #eef0f6;
    --text-secondary: #b4b9c9;
    --text-muted: #7a7f8c;
    --text-on-primary: #070809;
    --border-color: #1b1d24;
    --border-color-light: #242730;
    --shadow-color: rgba(7, 8, 9, 0.82);
    --shadow-color-soft: rgba(7, 8, 9, 0.45);
    --font-primary: "Geist", sans-serif;
    --font-secondary: "Inter", sans-serif;
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 18px;
    --border-radius-xxl: 50px;
    --transition-fast: 0.15s ease;
    --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}