/* ============================
   GLOBAL: Prevent selection for UI but keep text selectable where needed
   (You can override user-select for article content later)
   ============================ */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

/* Links should still show pointer */
a, .nav-item, .logo a {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-decoration: none;
}

:root {
  --color-background: #000000; /* black */ 
  --color-secondary: #a0522d;
}

[data-theme="light"] {
  --color-background: #ffffff;
  --color-secondary: #cd853f; /* lighter brown for sand */
}

/* ============================
   BODY STYLES
   ============================ */
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', 'Arial', sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
  background: linear-gradient(to bottom, var(--bg-gradient-start), var(--bg-gradient-end));
  color: var(--color-text);
  position: relative;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ============================
   BACKGROUND CANVAS
   (canvas is behind content, canvas size is document scroll size)
   ============================ */
#background-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: transparent;
  pointer-events: none;
}