/* ============================================
   PumpOS Theme — Override layer
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

:root {
  --bg-primary: #0a0a0a;
  --bg-secondary: #111111;
  --bg-tertiary: #1a1a1a;
  --accent-green: #00ff88;
  --accent-yellow: #f5c518;
  --accent-pink: #ff3cac;
  --text-primary: #ccffdd;
  --text-secondary: #558866;
  --border-color: #00ff8833;
  --window-bg: #0f0f0f;
  --titlebar-bg: #161616;
  --dock-bg: rgba(0, 20, 10, 0.7);
}

/* ---- Global ---- */

body {
  background: var(--bg-primary) !important;
  cursor: crosshair;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.03) 2px,
    rgba(0, 0, 0, 0.03) 4px
  );
  pointer-events: none;
  z-index: 99997;
}

#root {
  position: relative;
  z-index: 3;
  background: transparent !important;
}

* {
  font-family: 'Share Tech Mono', monospace !important;
  color: var(--text-primary);
  cursor: crosshair !important;
}

/* ---- Scrollbars ---- */

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

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: var(--accent-green);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00cc6a;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--accent-green) #0a0a0a;
}

/* ---- Text selection ---- */

::selection {
  background: var(--accent-green);
  color: #000000;
}

::-moz-selection {
  background: var(--accent-green);
  color: #000000;
}

/* ---- Mobile fallback ---- */

@media (max-width: 768px) {
  #mobile-fallback {
    display: flex !important;
  }
  .desktop, #desktop,
  .desktop-area, #app {
    display: none !important;
  }
}