:root {
  /* Colour palette */
  --canvas:        #FAFAF8;
  --canvas-sage:   #EEF3ED;
  --canvas-sage-2: #E4ECE3;
  --ink:           #0A2615;
  --ink-2:         #2C3A2F;
  --ink-3:         #5A6A5E;
  --line:          #DDE3DA;
  --line-2:        #C9D4C5;
  --emerald:       #137A48;
  --emerald-deep:  #0E5F38;
  --emerald-soft:  #E6F0E8;
  --crimson:       #B23A48;
  --cream:         #F4EFE3;

  /* Shadows */
  --shadow-soft: 0 1px 2px rgba(14,95,56,.04), 0 12px 30px -10px rgba(14,95,56,.12);
  --shadow-lift: 0 2px 4px rgba(14,95,56,.05), 0 24px 50px -16px rgba(14,95,56,.22);

  /* Border radii */
  --radius-lg:  22px;
  --radius-xl:  28px;
  --radius-2xl: 36px;

  /* Spacing rhythm */
  --gutter: clamp(20px, 5vw, 80px);
  --nav-h:  80px; /* fixed nav height — used to offset page content */
}