@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --sb-bg: #080b0e;
  --sb-surface: #0f1419;
  --sb-surface-2: #151b22;
  --sb-accent: #b7ff36;
  --sb-text: #f5f7fa;
  --sb-muted: #9ea5b0;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--sb-text);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(183, 255, 54, 0.12), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(97, 156, 255, 0.08), transparent 52%),
    linear-gradient(180deg, #070a0d 0%, #080b0e 100%);
  font-family: var(--font-body), sans-serif;
}

.font-display {
  font-family: var(--font-display), sans-serif;
}