@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600&family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&family=Mulish:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;1,8..60,400&display=swap');

:root {
  /* ---- Core palette sampled/normalized from the homepage mockup ---- */
  --paper:         #f5f0e9;
  --paper-card:    #fbf9f5;
  --paper-deep:    #eee5d5;
  --ink:           #302e2a;
  --ink-soft:      #5d5a55;
  --green:         #15312a;
  --green-2:       #25473e;
  --green-muted:   #6d877e;
  --terracotta:    #c56b4d;
  --terracotta-2:  #a9543d;
  --muted:         #8e8a83;
  --rule:          #d9d1c6;
  --rule-dark:     rgba(21,49,42,.18);
  --cream-on-dark: #f5efe6;

  /* ---- Typography ---- */
  --font-display: "Crimson Text", "Iowan Old Style", "Baskerville", Georgia, serif;
  --font-body:    "Avenir Next", Avenir, Mulish, "Helvetica Neue", "Segoe UI", sans-serif;
  --font-label:   "Avenir Next", Avenir, Mulish, "Helvetica Neue", "Segoe UI", sans-serif;
  --font-quote:   "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --font-code:    "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* ---- Layout ---- */
  --page-max: 1280px;
  --page-pad: clamp(24px, 4.4vw, 72px);
  --grid-gap: clamp(14px, 1.4vw, 24px);
  --section-gap: clamp(44px, 6vw, 92px);

  /* ---- Shape / borders ---- */
  --radius: 0px; /* important: this design is NOT rounded-card UI */
  --hairline: 1px;

  /* ---- Shadows: almost imperceptible ---- */
  --shadow-card: 0 2px 12px rgba(36, 31, 24, .07);
  --shadow-float: 0 7px 24px rgba(36, 31, 24, .09);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --t-fast: 160ms;
  --t-med: 320ms;
}