:root {
  --background: hsl(220, 23%, 4%);
  --foreground: hsl(120, 25%, 95%);

  --card: hsl(220, 20%, 6%);
  --primary: hsl(142, 76%, 45%);
  --primary-glow: hsl(142, 76%, 65%);
  --accent: hsl(165, 55%, 35%);
  --muted-foreground: hsl(120, 10%, 65%);

  --gradient-background: linear-gradient(
    135deg,
    hsl(220, 23%, 4%) 0%,
    hsl(220, 25%, 6%) 50%,
    hsl(220, 20%, 8%) 100%
  );

  --gradient-radial: radial-gradient(
    circle at center,
    hsla(142, 76%, 45%, 0.15) 0%,
    hsla(165, 55%, 35%, 0.1) 25%,
    transparent 70%
  );

  --glow-green: 0 0 60px hsla(142, 76%, 45%, 0.3);
}


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

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--gradient-background);
  color: var(--foreground);
  min-height: 100vh;
  overflow-x: hidden;
}