:root {
    --bg: #080b12;
    --bg-elevated: #0d111a;
    --bg-panel: rgba(17, 22, 34, .82);
    --bg-panel-solid: #111622;
    --bg-soft: #151b28;
    --bg-hover: rgba(125, 92, 255, .08);
    --border: rgba(148, 163, 184, .16);
    --border-strong: rgba(148, 163, 184, .28);
    --text: #f3f6fb;
    --text-muted: #98a2b3;
    --text-subtle: #667085;
    --accent: #8b5cf6;
    --accent-2: #38bdf8;
    --accent-soft: rgba(139, 92, 246, .16);
    --danger: #fb7185;
    --danger-soft: rgba(251, 113, 133, .14);
    --success: #34d399;
    --success-soft: rgba(52, 211, 153, .13);
    --warning: #fbbf24;
    --warning-soft: rgba(251, 191, 36, .14);
    --shadow-soft: 0 18px 60px rgba(0, 0, 0, .32);
    --shadow-card: 0 14px 40px rgba(0, 0, 0, .24);
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 10px;
    --sidebar-width: 264px;
    --topbar-height: 72px;
}