@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --cream:        #F4E6D3;
  --cream-dark:   #EFE4D2;
  --charcoal:     #1B1713;
  --charcoal-lt:  #3A2E22;
  --red:          #A33828;
  --red-dark:     #7F241A;
  --gold:         #C7923A;
  --gold-dark:    #9A6A22;
  --gold-lt:      #D9AC5A;
  --muted:        #5C4F3C;
  --white:        #FFFFFF;
  --dark-strip:   #1B1713;
  --border-lt:    #E6D8C3;
  --border-cream: #E6D8C3;

  /* ─── SECTION BACKGROUND RHYTHM ─── */
  --bg-1:          #17120E;
  --bg-2:          #1B1713;
  --bg-3:          #EBD8BC;
  --bg-cream:      #F5F0E8;
  --text-on-dark:  #F4E6D3;
  --text-on-cream: #1B1713;
  --accent:        #C7923A;
  --cta:           #C07820;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 500;
  background: var(--cream);
  color: var(--charcoal);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.modal-open { overflow: hidden; }

img { display: block; max-width: 100%; }

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

button { cursor: pointer; font-family: 'Inter', sans-serif; }

/* ─── GLOBAL PAPER GRAIN ─── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity: 0.027;
  pointer-events: none;
  z-index: 9;
}