/* ==========================================================================
   Design Tokens — Windows XP Luna Theme
   All colors, fonts, spacing, shadows, z-layers, cursors, and dimensions.
   Every component CSS file references these via var(--*).
   ========================================================================== */

:root {
  /* XP Luna Core Colors */
  --win95-desktop-teal: #3a6ea5;
  --win95-desktop-navy: #0A1628;
  --win95-taskbar-gray: #1f3f7a;
  --win95-accent-cyan: #0058e6;
  --win95-window-bg: #ece9d8;
  --win95-window-title-active: #0058e6;
  --win95-window-title-inactive: #7a96df;
  --win95-window-title-text: #FFFFFF;
  --win95-border-light: #ffffff;
  --win95-border-dark: #aca899;
  --win95-border-darker: #716f64;
  --win95-border-mid: #f0efe3;
  --win95-selection-bg: #316ac5;
  --win95-selection-text: #FFFFFF;
  --win95-button-face: #ece9d8;
  --win95-button-text: #000000;
  --win95-menu-bg: #ffffff;
  --win95-menu-hover: #316ac5;
  --win95-menu-hover-text: #FFFFFF;
  --win95-error-red: #FF0000;
  --win95-scrollbar-track: #e8e4d8;
  --win95-scrollbar-thumb: #c1bdb3;

  /* XP-specific colors */
  --xp-titlebar-start: #0058e6;
  --xp-titlebar-end: #3a8cf2;
  --xp-titlebar-inactive-start: #7a96df;
  --xp-titlebar-inactive-end: #a6b4e0;
  --xp-taskbar-start: #1f3f7a;
  --xp-taskbar-end: #3168d5;
  --xp-start-btn-start: #3c9a3c;
  --xp-start-btn-end: #2d7b2d;
  --xp-close-btn: #c75050;
  --xp-close-btn-hover: #e04343;
  --xp-minmax-btn: #3c72d9;
  --xp-minmax-btn-hover: #4f8af0;
  --xp-window-body-bg: #ffffff;
  --xp-window-shadow: 2px 4px 12px rgba(0, 0, 0, 0.3);

  /* Typography */
  --font-pixel: "Tahoma", "Segoe UI", sans-serif;
  --font-pixel-readable: "Tahoma", "Segoe UI", sans-serif;
  --font-content: "Tahoma", "Segoe UI", system-ui, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;

  /* Spacing (4px grid) */
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;

  /* Shadows (XP soft shadows — no more beveled 3D) */
  --win95-outset: 0 0 0 1px var(--win95-border-dark);
  --win95-inset:  inset 0 0 0 1px var(--win95-border-dark);
  --win95-outset-thin: 0 0 0 1px var(--win95-border-dark);

  /* Z-index layers */
  --z-desktop: 1;
  --z-icons: 10;
  --z-selection: 15;
  --z-windows: 100;
  --z-context-menu: 500;
  --z-taskbar: 1000;
  --z-start-menu: 1100;
  --z-boot: 9999;

  /* Cursors */
  --cursor-default: url('../assets/cursors/default.cur'), default;
  --cursor-pointer: url('../assets/cursors/pointer.cur'), pointer;
  --cursor-wait: url('../assets/cursors/wait.cur'), wait;
  --cursor-move: url('../assets/cursors/move.cur'), move;

  /* Window dimensions */
  --win95-titlebar-height: 30px;
  --win95-menubar-height: 24px;
  --win95-statusbar-height: 24px;
  --win95-taskbar-height: 36px;
  --win95-icon-size: 32px;
  --win95-icon-grid: 80px;
}