:root {
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-tertiary: #2a2a2a;
    --bg-overlay: #242f3d;
    --border-color: #393939;
    --text-primary: #ffffff;
    --text-secondary: #e1e1e1;
    --text-muted: #999;
    --text-accent: #68798b;
    --accent-primary: #5d87ff;
    --accent-hover: #4a75e6;
    --success-color: #4caf50;
    --warning-color: #ffa500;
    --error-color: #ff4444;
    --gradient-techds: linear-gradient(45deg, #4e1b8c, #ac4dff, #4e1b8c);
    --gradient-gm: linear-gradient(45deg, #09ff00, #77a777, #09ff00);
    --gradient-kur: linear-gradient(45deg, #a587e4, #c8a2c8, #a587e4);
    --gradient-sledsupp: linear-gradient(45deg, #fff06c, #ce9614, #fff06c);
    --gradient-sledml: linear-gradient(45deg, #508f8a, #007872, #508f8a);
    --gradient-gvevent: linear-gradient(45deg, #74cc00, #7da238, #74cc00);
    --gradient-supp: linear-gradient(45deg, #fcf3a7, #d0a702, #fcf3a7);
    --gradient-event: linear-gradient(45deg, #b2ff4c, #7da238, #b2ff4c);
    --gradient-stmoder: linear-gradient(45deg, #4ef3e9, #048e7e, #4ef3e9);
    --gradient-moder: linear-gradient(45deg, #7ac7c0, #009f8c, #7ac7c0);
    --font-main: 'Playpen Sans', cursive;
    --font-ui: 'Segoe UI', Arial, sans-serif;
    --sidebar-width: 250px;
    --header-height: 60px;
    --border-radius: 8px;
    --border-radius-sm: 6px;
    --shadow-light: 0 2px 4px rgba(0,0,0,0.1);
    --shadow-medium: 0 4px 8px rgba(0,0,0,0.1);
    --shadow-heavy: 0 4px 8px rgba(0,0,0,0.3);
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}