styles.css

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

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

@layer base {
  :root {
    color-scheme: light;
  }

  body {
    @apply font-sans text-slate-800 antialiased;
    background-color: #ffffff;
    min-height: 100vh;
  }

  ::selection {
    background: rgba(251, 146, 60, 0.25);
  }
}

@layer base {
  *:focus-visible {
    @apply outline-2 outline-offset-2 outline-[#d85530];
  }
}

@layer utilities {
  .backdrop-card {
    @apply border border-white/60 bg-white/70 shadow-xl shadow-slate-200/60 backdrop-blur;
  }
}