:root {
  --cream:    #F2ECDE;   /* page background — warm bone */
  --cream-2:  #ECE4D2;   /* alt cards / panels */
  --cream-3:  #E4D9C2;   /* deeper cream */
  --green:    #143620;   /* primary brand / dark sections */
  --green-700:#1B492C;
  --green-600:#24613A;   /* lighter green accent */
  --ink:      #1E1B16;   /* warm near-black text */
  --ink-dim:  #57514593;
  --ink-dim-solid: #5d574a;
  --ink-mute: #918876;
  --cream-soft: rgba(242,236,222,0.72); /* dim text on green */
  --cream-faint: rgba(242,236,222,0.18);
  --red:      #D9442A;   /* emphasis */
  --blue:     #2E4EA0;   /* calm accent */
  --gold:     #B4863C;
  --line:     rgba(30,27,22,0.13);
  --line-strong: rgba(30,27,22,0.24);
  --line-green: rgba(242,236,222,0.16);
  --line-green-strong: rgba(242,236,222,0.3);

  --max: 1280px;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:  "Hanken Grotesk", -apple-system, system-ui, sans-serif;
  /* legacy aliases kept so existing markup classes keep working */
  --font-display: var(--font-serif);
  --font-body: var(--font-sans);
  --font-mono: var(--font-sans);
  --bg: var(--cream);
  --bg-elev: var(--green);
  --bg-card: var(--cream-2);
  --fg: var(--ink);
  --fg-dim: var(--ink-dim-solid);
  --fg-mute: var(--ink-mute);
  --accent: #24613A;
  --accent-2: #143620;
}