/* HODL Desktop - Theme Variables */
:root {
  /* HODL Brand Colors */
  --hodl-orange: #ff9500;
  --hodl-orange-dark: #e08500;
  --hodl-orange-light: #ffb347;
  --hodl-orange-dim: rgba(255, 149, 0, 0.12);
  --hodl-cyan: #00d4ff;
  --hodl-cyan-dim: rgba(0, 212, 255, 0.12);
  --hodl-black: #0a0a0a;
  --hodl-white: #f5f5f5;
  --hodl-green: #00ff88;
  --hodl-red: #ff4444;

  /* XP Luna Blue */
  --xp-blue-dark: #0a246a;
  --xp-blue: #0831d9;
  --xp-blue-light: #245edb;
  --xp-green-start: #3c8f3c;
  --xp-desktop-blue: #3a6ea5;

  /* Taskbar */
  --taskbar-height: 30px;

  /* Fonts */
  --font-system: 'Tahoma', 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', var(--font-system);
  --font-body: 'Inter', var(--font-system);
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* Z-index layers */
  --z-desktop: 1;
  --z-window-base: 100;
  --z-taskbar: 10000;
  --z-start-menu: 10001;
  --z-context-menu: 10002;
  --z-boot: 20000;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow: hidden;
  font-family: var(--font-system);
  font-size: 11px;
  background: #000;
  user-select: none;
  -webkit-user-select: none;
  width: 100vw;
  height: 100vh;
}

::selection {
  background: var(--hodl-orange);
  color: #fff;
}

::-webkit-scrollbar {
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border: 1px solid #dfdfdf;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #eee 0%, #ddd 45%, #ccc 50%, #ddd 55%, #eee 100%);
  border: 1px solid #999;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #ddd 0%, #ccc 45%, #bbb 50%, #ccc 55%, #ddd 100%);
}

::-webkit-scrollbar-button {
  display: block;
  width: 17px;
  height: 17px;
  background: #ece9d8;
  border: 1px solid #999;
}