/* ==========================================================================
   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: #245edb;
  --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 Luna authentic gradients */
  --xp-titlebar-start: #1A56D2;
  --xp-titlebar-mid: #2D72E0;
  --xp-titlebar-end: #4A89F1;
  --xp-titlebar-inactive-start: #7896d3;
  --xp-titlebar-inactive-end: #adb9d8;

  --xp-taskbar-start: #2C56D8;
  --xp-taskbar-mid: #245CE0;
  --xp-taskbar-end: #1F44B5;

  --xp-start-btn-start: #5DB23F;
  --xp-start-btn-mid: #4FA32E;
  --xp-start-btn-end: #3F8B17;
  --xp-start-btn-hover-start: #6CC050;
  --xp-start-btn-hover-end: #4A9C20;

  --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 — Tahoma is the authentic XP system font.
     Bumped sizes for full-screen / larger displays. */
  --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: 13px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: 28px;

  /* 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 — bumped for full-screen / larger displays */
  --win95-titlebar-height: 34px;
  --win95-menubar-height: 28px;
  --win95-statusbar-height: 26px;
  --win95-taskbar-height: 44px;
  --win95-icon-size: 48px;
  --win95-icon-grid: 110px;
}