/* ========== FONTS ========== */

/* Inter Regular — for normal body text */
@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/inter/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Inter Medium — for slightly bold body text / labels */
@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/inter/inter-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Inter SemiBold — for buttons / highlighted text */
@font-face {
  font-family: 'Inter-SemiBold';
  src: url('../fonts/inter/inter-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Archivo Regular — for light headings */
@font-face {
  font-family: 'Archivo-Regular';
  src: url('../fonts/archivo/archivo-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Archivo Medium */
@font-face {
  font-family: 'Archivo-Medium';
  src: url('../fonts/archivo/archivo-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* Archivo SemiBold */
@font-face {
  font-family: 'Archivo-SemiBold';
  src: url('../fonts/archivo/archivo-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* Archivo Bold — for sub-headings */
@font-face {
  font-family: 'Archivo-Bold';
  src: url('../fonts/archivo/archivo-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Archivo Black — boldest weight, for main H1 / large headings */
@font-face {
  font-family: 'Archivo-Black';
  src: url('../fonts/archivo/archivo-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ========== VARIABLES ========== */
:root {
  /* Fonts — clear names, no need to remember font-weight numbers */
  --font-body: 'Inter-Regular', sans-serif;
  --font-body-medium: 'Inter-Medium', sans-serif;
  --font-body-semibold: 'Inter-SemiBold', sans-serif;

  --font-heading: 'Archivo-Black', sans-serif;
  --font-heading-bold: 'Archivo-Bold', sans-serif;
  --font-heading-semibold: 'Archivo-SemiBold', sans-serif;
  --font-heading-medium: 'Archivo-Medium', sans-serif;
  --font-heading-regular: 'Archivo-Regular', sans-serif;

  /* Colors */
  --color-ink: #15130F;
  --color-maroon: #2A2416;
  --color-maroon-2: #332C1B;
  --color-red: #8B8374;
  --color-red-bright: #A89C86;
  --color-cream: #F3EEE2;
  --color-cream-dim: #D9D2C0;
  --color-stone: #8B8374;
  --color-stone-deep: #5C5548;
  --color-line: rgba(243,238,226,0.14);
  --color-line-dark: rgba(21,19,15,0.12);
}

/* ========== BASE RESET ========== */
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family: var(--font-body);
  background: var(--color-ink);
  color: var(--color-cream);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
h1,h2,h3,.display{
  font-family: var(--font-heading);
  letter-spacing:-0.02em;
}

@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}