@import "tailwindcss";
@import "@nuxt/ui";

@font-face {
  font-family: "Mona Sans";
  src: url("@/assets/fonts/MonaSansVF[wdth,wght,opsz,ital].woff2") format("woff2-variations");
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: normal italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Monaspace Krypton";
  src: url("@/assets/fonts/Monaspace Krypton Var.woff2") format("woff2-variations");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@theme static {
  --font-sans: "Mona Sans", sans-serif;
  --font-heading: "Hubot Sans", sans-serif;
  --font-mono: "Monaspace Krypton", "SF Mono", Monaco, "Inconsolata", "Roboto Mono", "Source Code Pro", monospace;

  --color-green-50: #effdf5;
  --color-green-100: #d9fbe8;
  --color-green-200: #b3f5d1;
  --color-green-300: #75edae;
  --color-green-400: #00dc82;
  --color-green-500: #00c16a;
  --color-green-600: #00a155;
  --color-green-700: #007f45;
  --color-green-800: #016538;
  --color-green-900: #0a5331;
  --color-green-950: #052e16;
}