:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 6rem;
}

body {
  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    "Apple Color Emoji",
    "Segoe UI Emoji";
}

.ss-scroll-locked {
  overflow: hidden;
}

.font-mono {
  font-family:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}

.text-gradient {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.bg-grid {
  background-size: 40px 40px;
  background-image: radial-gradient(circle, #e5e7eb 1px, transparent 1px);
}

@keyframes loadGauge {
  0% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(-75deg);
  }
}

.gauge-needle {
  transform-origin: bottom center;
  animation: loadGauge 2s cubic-bezier(0.1, 0, 0.1, 1) forwards;
}

@keyframes blob {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -30px) scale(1.05);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.95);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}

.animate-blob {
  animation: blob 7s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

/* Accessible focus ring */
:focus-visible {
  outline: 2px solid #059669;
  outline-offset: 3px;
}