:root {
    /* Colors */
    --primary: #4a6fa5;
    --secondary: #6c757d;
    --success: #28a745;
    --accent: #ff9e3d;
    --border: #e0e0e0;
    
    /* Backgrounds */
    --bg-main: #ffffff;
    --bg-alt: #f5f7fa;
    --bg-success: #f0fff4;
    --code-bg: #f8f9fa;
    
    /* Typography */
    --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --line-height-body: 1.6;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    
    /* Z-index layers */
    --z-nav: 1000;
    --z-module-nav: 999;
    --z-sidebar: 998;
    
    /* Navigation Heights */
    --course-nav-height: 50px;
    --module-nav-height: 70px;
    --total-nav-height: 120px;
}