@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Gothic&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@import url('header.css');
@import url('footer.css');
@import url('home.css');
@import url('gift-cards.css');
@import url('vendors.css');
@import url('contact.css');

/* Color variables START */
:root {
  --color-primary: #FBCF30;
  --color-secondary: #71A92C;
  --color-tertiary: #8D5EF2;
  --color-gray-darker: #2d2d2d;
  --color-gray-dark: #525252;
  --color-gray-light: #666666;
  --color-gray-lighter: #f8f9fa;
  --color-white: #ffffff;

  --base-font: 1rem;

  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 16px;
  --spacing-4: 32px;
  --spacing-5: 64px;
}

/* @media (max-width: 830px) {
  :root {
    --base-font: 0.625rem;
  }
} */

/* Color vairables END */

/* Tags START */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Nunito Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: var(--color-gray-darker);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body > main {
  flex: 1;                
  margin-top: -116px;    
}

a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  font-size: 1rem;
}

p {
  color: var(--color-gray-dark);
  font-family: "Nunito Sans";
  font-size: var(--base-font);
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

h1 {
  color: var(--color-gray-darker);
  font-family: "Nunito Sans";
  font-size: calc(var(--base-font) * 3);
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  background-color: transparent;
}

h2 {
  color: var(--color-gray-darker);
  font-family: "Nunito Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

h4 {
  color: var(--color-gray-darker);
  font-family: "Nunito Sans";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

ul,
ol {
  margin: 0;
  padding: 0;
  gap: var(--spacing-3);
}
/* Tags END */

/* Typography START */
.text-normal {
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

/* Body text styles */
.text-body-large-semibold {
  font-family: "Nunito Sans";
  font-size: 1.25rem;
  /* font-size: calc(var(--base-font) * 1.25); */
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.text-body-large-regular {
  font-family: "Nunito Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.text-body-regular {
  font-family: "Nunito Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* Color utility classes */
.text-gray-darker {
  color: var(--color-gray-darker);
}

.text-gray-dark {
  color: var(--colorsgray-dark);
}
/* Typography END */

/* Button */
button {
  font-family: "Nunito Sans";
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 32px;
  background: var(--color-primary);
  border: none;
  color: var(--colors-gray-darker);
  font-size: 1.25rem;
  line-height: 28px; /* 140% */
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}

button:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
/* Button */

/* Link */
.link-primary {
  color: var(--color-secondary);
  text-decoration: underline;
}
/* Link */