:root {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
  --radius: 0.75rem;
}

body {
    background-color: hsl(var(--background));
    font-family: 'DM Sans', sans-serif;
}

h1, .font-mono, body {
    font-family: 'DM Sans', sans-serif;
}

h1 {
    font-weight: 800; /* Extra bold for the hero since we lost Mono */
    letter-spacing: -0.05em;
}

/* Glitch Animation for the Hero Text */
#hero-text {
    position: relative;
}

/* Custom Scrollbar for Content */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent; 
}

::-webkit-scrollbar-thumb {
    background: hsl(var(--muted-foreground) / 0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--muted-foreground) / 0.5); 
}

/* Sheet Handle Hover Effect */
#sheet-handle:hover div {
    background-color: hsl(var(--foreground));
    transition: background-color 0.3s;
}