:root {
  /* === CLASSIC MAC OS COLOR PALETTE === */

  /* Desktop */
  --mac-desktop-bg: #6699cc;
  --mac-desktop-pattern: url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='4' height='4' fill='%236699cc'/%3E%3Crect width='2' height='2' fill='%235588bb'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%235588bb'/%3E%3C/svg%3E");

  /* Window Chrome - Platinum */
  --mac-window-bg: #dddddd;
  --mac-window-border: #888888;
  --mac-window-border-light: #ffffff;
  --mac-window-border-dark: #666666;
  --mac-titlebar-bg: linear-gradient(180deg,
    #ffffff 0%,
    #dddddd 10%,
    #cccccc 50%,
    #dddddd 90%,
    #ffffff 100%
  );
  --mac-titlebar-inactive: #cccccc;
  --mac-titlebar-stripes: repeating-linear-gradient(
    0deg,
    transparent 0px,
    transparent 1px,
    #999999 1px,
    #999999 2px,
    transparent 2px,
    transparent 3px
  );

  /* Menu Bar */
  --mac-menubar-bg: linear-gradient(180deg, #ffffff 0%, #dddddd 100%);
  --mac-menu-bg: #ffffff;
  --mac-menu-border: #000000;
  --mac-menu-highlight: #3366cc;

  /* Buttons */
  --mac-btn-bg: linear-gradient(180deg, #ffffff 0%, #dddddd 50%, #cccccc 100%);
  --mac-btn-border: #666666;
  --mac-btn-pressed: linear-gradient(180deg, #aaaaaa 0%, #cccccc 100%);

  /* Text */
  --mac-text: #000000;
  --mac-text-muted: #666666;
  --mac-text-inverse: #ffffff;
  --mac-text-disabled: #888888;
  --mac-link: #0000ee;
  --mac-link-visited: #551a8b;

  /* Selection */
  --mac-selection-bg: #3366cc;
  --mac-selection-text: #ffffff;

  /* Scrollbar */
  --mac-scroll-track: #eeeeee;
  --mac-scroll-thumb: linear-gradient(90deg, #ffffff 0%, #cccccc 50%, #aaaaaa 100%);

  /* Finder */
  --mac-finder-sidebar: #d4d4d4;
  --mac-icon-shadow: rgba(0, 0, 0, 0.3);

  /* === TYPOGRAPHY === */
  --font-system: 'Lucida Grande', 'Geneva', 'Helvetica Neue', sans-serif;
  --font-mono: 'Monaco', 'Menlo', monospace;
  --font-chicago: 'Chicago', 'Charcoal', 'Lucida Grande', sans-serif;

  --text-xs: 10px;
  --text-sm: 11px;
  --text-base: 12px;
  --text-lg: 13px;
  --text-xl: 14px;
  --text-2xl: 18px;
  --text-3xl: 24px;

  /* === SPACING === */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 10px;
  --space-6: 12px;
  --space-8: 16px;
  --space-10: 20px;
  --space-12: 24px;
  --space-16: 32px;

  /* === WINDOW === */
  --window-border-radius: 8px;
  --titlebar-height: 22px;
  --menubar-height: 24px;

  /* === Z-INDEX === */
  --z-desktop: 1;
  --z-window: 10;
  --z-window-active: 20;
  --z-menubar: 100;
  --z-menu: 110;
  --z-modal: 120;
}