:root {
    --stone-pale: #f6f5ec;   /* page bg — pale khaki */
    --stone:      #dedad0;   /* borders, dim text on dark */
    --mist-faint: #ccd7dd;   /* subtle borders — from dusty blue */
    --mist:       #afab86;   /* muted captions */
    --mist-deep:  #3d657f;   /* secondary text — derived deep blue */
    --teal-pale:  #e8efcc;   /* lime card tint */
    --teal:       #92aa38;   /* lime — canvas.tint bg only, not text */
    --teal-deep:  #6e8029;   /* deeper lime */
    --berry-pale: #f5e0ea;   /* hot pink card tint */
    --berry:      #b00957;   /* hot pink CTA + accent */
    --berry-deep: #8a0442;   /* hot pink hover */
    --ink-soft:   #6d616f;   /* body text */
    --ink:        #3d3540;   /* headings, dark bg — derived */
  }