:root {
    /* COLORS */
    --bg-primary: #0F1115;
    --bg-secondary: #171B22;
    --bg-tertiary: #202632;
    --bg-card: rgba(255, 255, 255, 0.035);
    --bg-card-hover: rgba(255, 255, 255, 0.055);

    --border-primary: rgba(255, 255, 255, 0.08);
    --border-secondary: rgba(255, 255, 255, 0.12);

    --text-primary: #F5F7FA;
    --text-secondary: #98A2B3;
    --text-muted: #667085;

    --accent-primary: #7CFF5B;
    --accent-secondary: #4ADE80;
    --accent-warning: #FDB022;
    --accent-danger: #FF6B6B;
    --accent-info: #4FACFE;

    /* SHADOWS */
    --shadow-primary: 0 10px 40px rgba(0, 0, 0, 0.35);
    --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.24);
    --shadow-glow: 0 0 40px rgba(124, 255, 91, 0.15);

    /* RADIUS */
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;

    /* TRANSITIONS */
    --transition-default: all 0.25s ease;
    --transition-slow: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);

    /* SIZING */
    --sidebar-width: 280px;
    --container-width: 1240px;
    --page-max-width: 1440px;
    --control-height: 52px;
}