/* ── CSS Custom Properties ── */
:root {
  /* ── Font Families ── */
  --serif: 'Cormorant Garamond',Georgia,serif;
  --sans: 'Outfit',system-ui,sans-serif;

  /* ── Font Weights ── */
  --fw-extralight: 200;
  --fw-light:      300;
  --fw-regular:    400;
  --fw-medium:     500;
  --fw-semibold:   600;
  --fw-bold:       700;
  --fw-extrabold:  800;
  --fw-black:      900;

  /* ── Font Sizes ── */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.5rem;
  --fs-4xl:  3rem;

  /* ── Line Heights ── */
  --lh-tight:  1.2;
  --lh-snug:   1.4;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

  /* ── Colors ── */
  --black: #0A0A0A;
  --off-black: #141414;
  --dark: #1C1C1C;
  --mid: #555555;
  --muted: #888888;
  --light: #CCCCCC;
  --border: #E5E5E5;
  --bg: #FAFAFA;
  --white: #FFFFFF;
  --accent: #AD8323;
  --accent-dark: #8A6A1C;
  --gold: #C6A034;
  --bg-warm: #F7F3EF;
}

/* Global styling */
*,*::before,*::after { 
  box-sizing: border-box;
  margin:0; 
  padding:0;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

/* Respect users who've asked for less motion */
@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

}

body {
  font-family: var(--sans);
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  opacity: 0;
}

/* ==================================================
	GLOBAL CONTAINER - Mobile First
	Reusable wrapper: max-width + responsive side padding.
================================================== */
.container {
	width: 100%;
	max-width: 87.5rem;
	margin-inline: auto;
	padding-inline: 0.625rem;
}

/* Tablet */
@media (min-width: 641px) {
	.container {
		padding-inline: 0.9375rem;
	}
}

/* Desktop */
@media (min-width: 901px) {
	.container {
		padding-inline: 2.5rem;
	}
}

a {
  text-decoration: none !important;
}