:root {
  /* Windows 11 Dark Mode - Premium Palette */
  --bg-color: #0d0d0d;
  --surface-color: #1a1a1a;
  --surface-elevated: #242424;

  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.78);
  --text-muted: rgba(255, 255, 255, 0.45);

  /* Accent - Windows 11 Blue */
  --accent-color: #60cdff;
  --accent-dark: #0078d4;
  --accent-glow: 0 0 20px rgba(96, 205, 255, 0.3), 0 0 60px rgba(96, 205, 255, 0.1);

  /* Mica / Acrylic Materials */
  --mica-bg: rgba(32, 32, 32, 0.65);
  --mica-border: rgba(255, 255, 255, 0.0578);
  --mica-blur: blur(50px) saturate(180%);

  --acrylic-bg: rgba(44, 44, 44, 0.75);
  --acrylic-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");

  /* Shadows - Layered for depth */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.6), 0 8px 24px rgba(0, 0, 0, 0.4);

  /* Windows */
  --window-bg: rgba(30, 30, 30, 0.92);
  --window-header-height: 32px;
  --window-radius: 8px;

  /* Taskbar */
  --taskbar-height: 48px;
  --taskbar-bg: rgba(20, 20, 20, 0.75);

  /* Fonts */
  --font-main: "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: 'Cascadia Code', 'Consolas', monospace;

  /* Timing */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Z-Index */
  --z-desktop: 1;
  --z-window: 100;
  --z-taskbar: 1000;
  --z-boot: 9999;
}