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

/* ── Reset & base ───────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --cream:    #faf8f4;
  --paper:    #f4f1eb;
  --border:   #e2ddd5;
  --muted:    #9e9689;
  --body:     #3a3530;
  --heading:  #1c1a17;
  --amber:    #c8860a;
  --amber-lt: #fdf3dc;
  --amber-bd: #e8c97a;
  --blue:     #2d6fa8;
  --blue-lt:  #e8f2fb;
  --red:      #b84040;
  --red-lt:   #fbeaea;
  --green:    #3d7a4f;
  --green-lt: #eaf4ee;

  --radius:   10px;
  --shadow:   0 1px 3px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.05);

  font-size: 15px;
  font-family: "Montserrat", system-ui, sans-serif;
  color: var(--body);
  background: var(--cream);
}

body { min-height: 100vh; }

h1, h2, h3, h4, h5, h6, .serif {
  font-family: "Montserrat", system-ui, sans-serif;
  color: var(--heading);
}