@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

@theme {
  --font-sans: 'Google Sans', 'sans-serif'
}

.google-sans {
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: "GRAD" 0;
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}


@font-face {
  font-family: "Amoresa";
  src: url("assets/fonts/Amoresa.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Corsiva";
  src: url("assets/fonts/Monotype-Corsiva-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


* {
  scroll-behavior: smooth;
  font-family: "Google Sans", sans-serif!important;
}
body {
  background: var(--background);
  color: var(--foreground);
}