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

:root {
  color-scheme: light;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

::selection {
  background: rgba(249, 112, 104, 0.24);
}

.hero-scrim {
  background:
    linear-gradient(90deg, rgba(18, 52, 59, 0.86) 0%, rgba(18, 52, 59, 0.58) 38%, rgba(18, 52, 59, 0.1) 78%),
    linear-gradient(180deg, rgba(18, 52, 59, 0.22) 0%, rgba(18, 52, 59, 0.38) 100%);
}