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

:root {
  color-scheme: dark;
  --font-sora: "Bahnschrift", "Aptos Display", "Trebuchet MS", sans-serif;
  --font-manrope: "Aptos", "Segoe UI", "Trebuchet MS", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(16, 185, 129, 0.18), transparent 30%),
    radial-gradient(circle at top right, rgba(250, 204, 21, 0.12), transparent 24%),
    linear-gradient(180deg, #020617 0%, #0f172a 100%);
  color: #e2e8f0;
  font-family: var(--font-manrope);
}

a {
  color: inherit;
  text-decoration: none;
}

::selection {
  background: rgba(52, 211, 153, 0.35);
}

@keyframes pulse-border {
  0%, 100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.0), 0 0 16px rgba(251, 191, 36, 0.15); border-color: rgba(251, 191, 36, 0.6); }
  50% { box-shadow: 0 0 0 4px rgba(251, 191, 36, 0.12), 0 0 24px rgba(251, 191, 36, 0.25); border-color: rgba(251, 191, 36, 0.9); }
}

.animate-pulse-border {
  animation: pulse-border 2.5s ease-in-out infinite;
}