@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --ink:                #1A1817;
  --ink-soft:           #6B635D;
  --bg:                 #FFFFFF;
  --surface:            #F7F3EE;
  --line:               #E6DFD5;
  --brand:              #934B32;
  --brand-hover:        #723725;
  --brand-deep:         #2A1711;
  --accent:             #EFC99A;
  --star:               #C58F2B;
  --btn-primary-text:   #FFFFFF;

  --font-display:       "Fraunces", Georgia, serif;
  --font-sans:          "Manrope", system-ui, sans-serif;

  --radius:             2px;
  --radius-pill:        999px;
  --container:          1360px;
  --pad:                32px;

  --fs-h1:              72px;
  --fs-h1-lh:           1.02;
  --fs-h2:              44px;
  --fs-h2-lh:           1.1;
  --tracking-tight:     -0.02em;
}

/* Ruggable — editorial serif H1, heavy-weight sans for nav/CTA.
   Sharp CTAs (radius 2px), warm cream surface, terracotta brand. */
.btn { border-radius: var(--radius); letter-spacing: .04em; font-size: 14px; text-transform: uppercase; }
.btn--lg { letter-spacing: .08em; }
.h1, h1, .h2, h2, .section-title {
  font-family: var(--font-display);
  font-weight: 500;
}