/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');

:root {
  --primary: #4c332a;
  --accent: #d4a373;
  --bg: #fdfaf5;
  --deep: #1c140f;

  /* Font Families */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Lora', serif;

  /* Font Sizes */
  --font-size-xs: 0.75rem;   /* 12px */
  --font-size-sm: 0.875rem;  /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;  /* 18px */
  --font-size-xl: 1.25rem;   /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 2rem;      /* 32px */
  --font-size-4xl: 2.5rem;    /* 40px */
  --font-size-5xl: 3.5rem;    /* 56px */
  --font-size-6xl: 4.5rem;    /* 72px */
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--font-size-base);
  background: var(--bg) url('/background.jpg') center 35% scroll no-repeat;
  background-size: cover;
  color: var(--primary);
  opacity: 1;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at top, rgba(0, 0, 0, 0.2), transparent 60%),
    radial-gradient(circle at bottom, rgba(76, 51, 42, 0.1), transparent 50%);
  pointer-events: none;
  z-index: -1;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
}