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

:root {
  color-scheme: light;
}

.dark {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #f6f0e7;
  color: #10231d;
}

.dark body {
  background: #08130f;
  color: #fffdf8;
}

::selection {
  background: rgba(29, 158, 117, 0.24);
}

.grain {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(29, 158, 117, 0.14), transparent 32%),
    radial-gradient(circle at 80% 0%, rgba(127, 119, 221, 0.16), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
}

.dark .grain {
  background-image:
    radial-gradient(circle at 18% 12%, rgba(29, 158, 117, 0.2), transparent 32%),
    radial-gradient(circle at 85% 8%, rgba(127, 119, 221, 0.2), transparent 28%),
    linear-gradient(135deg, rgba(16,35,29,.95), rgba(8,19,15,.96));
}
html {
  scroll-behavior: smooth;
}