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


@theme {
  /* fonts */
  --font-inter: "Inter", sans-serif;
  --font-bounded: "Bounded", sans-serif;

  /* colors */
  --color-bg-light: #FFFEFB;
  --color-bg-dark: #1A1A1A;

  --color-border: #D3E0DE;

  --color-text-light: #1A1A1A;
  --color-text-dark: #FFFEFB;

  /* button */
  --color-button: #9A7F62;
  --color-button-hover: #B7946D;
  --color-button-disabled: #C5C5C5;
}

/* h1 */
.h1 {
  font-family: var(--font-bounded);
  font-weight: 700;
  line-height: 140%;
}

.text-inter {
  font-family: var(--font-inter);
  line-height: 150%;
}

.h4-uppercase {
  font-family: var(--font-inter);
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.main {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}