@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');

@layer base {
  :root {
    --text: #0b0c08;
    --background: #f6f6f3;
    --primary: #858b5d;
    --secondary: #9daa91;
    --accent: #97ad8a;
  }
  .dark {
    --text: #f6f7f3;
    --background: #0c0c09;
    --primary: #8d9366;
    --secondary: #49573d;
    --accent: #5f7552;
  }
}

::selection {
  background: var(--accent);
  color: var(--text);
}

::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--primary);
}

::-webkit-scrollbar-thumb {
  background-color: var(--background);
  border-radius: 0.25rem;
}