:root {
  --green: #5a9e35;
  --green-light: #6dbe42;
  --green-pale: #edf7e6;
  --green-mid: #cce9bc;
  
  --white: #ffffff;
  --bg: #f2f4f7;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #e8e8e8;
  --gray-300: #d4d4d4;
  --gray-400: #a3a3a3;
  --gray-500: #737373;
  --gray-600: #525252;
  --gray-700: #404040;
  --gray-800: #262626;
  --gray-900: #171717;
  
  --close: #ff5f57;
  --close-active: #e0443c;
  --minimize: #febc2e;
  --minimize-active: #e5a526;
  --maximize: #28c840;
  --maximize-active: #1fb535;
  
  --red: #ff3b30;
  --orange: #ff9500;
  --blue: #007aff;
  --purple: #af52de;
  --teal: #5ac8fa;
  
  --glass-bg: rgba(246, 246, 246, 0.45);
  --glass-bg-heavy: rgba(246, 246, 246, 0.55);
  --glass-blur: 40px;
  --glass-blur-heavy: 60px;
  --glass-border: rgba(0, 0, 0, 0.08);
  --glass-border-light: rgba(255, 255, 255, 0.5);
  
  --shadow-window: 
    0 0 0 0.5px rgba(0, 0, 0, 0.05),
    0 8px 20px rgba(0, 0, 0, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.12);
  
  --shadow-window-focused: 
    0 0 0 0.5px rgba(0, 0, 0, 0.08),
    0 12px 30px rgba(0, 0, 0, 0.12),
    0 30px 70px rgba(0, 0, 0, 0.18);
  
  --shadow-window-minimized: 
    0 0 0 0.5px rgba(0, 0, 0, 0.03),
    0 4px 10px rgba(0, 0, 0, 0.05);
  
  --shadow-dock: 
    0 0 0 0.5px rgba(0, 0, 0, 0.06),
    0 10px 30px rgba(0, 0, 0, 0.15),
    0 20px 60px rgba(0, 0, 0, 0.1);
  
  --shadow-button: 0 1px 3px rgba(0, 0, 0, 0.12);
  --shadow-icon: 0 2px 8px rgba(0, 0, 0, 0.15);
  
  --radius-window: 10px;
  --radius-dock: 18px;
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-small: 6px;
  
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Consolas", monospace;
  
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  
  --ease-ios: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --duration-fast: 0.15s;
  --duration-normal: 0.25s;
  --duration-slow: 0.4s;
  
  --z-desktop: 1;
  --z-window: 100;
  --z-dock: 1000;
  --z-notification: 2000;
  --z-modal: 3000;
  
  --z-mobile-springboard: 100;
  --z-mobile-windows: 8000;
  --z-mobile-dock: 9998;
  --z-mobile-action-sheet: 20000;
  --z-mobile-folder: 20001;
  
  --dock-height: 68px;
  --title-bar-height: 38px;
  --breakpoint-mobile: 767px;
}