:root {
  /* Palette — warm paper + ink, with a single terracotta accent */
  --cream:        #F5F0E8;
  --cream-deep:   #ECE4D4;
  --ink:          #1A1814;
  --ink-soft:     #4A4640;
  --ink-muted:    #8A857D;
  --rule:         #DDD4C3;
  --rule-soft:    #ECE4D4;
  --accent:       #B8583F;
  --accent-deep:  #8F3F2A;
  --accent-soft:  #F2DED6;
  --danger:       #9B2C2C;
  --danger-soft:  #F5E0DB;
  --success:      #2F6B3C;

  /* Type — serif throughout, editorial */
  --font-display: "Instrument Serif", "Cambria", Georgia, serif;
  --font-body:    "Literata", "Georgia", "Cambria", serif;

  /* Scale — bumped up; readability matters for every touchpoint */
  --text-xs:    0.8125rem;   /* 13 */
  --text-sm:    0.9375rem;   /* 15 */
  --text-base:  1.0625rem;   /* 17 */
  --text-lg:    1.25rem;     /* 20 */
  --text-xl:    1.625rem;    /* 26 */
  --text-2xl:   2.25rem;     /* 36 */
  --text-3xl:   3.5rem;      /* 56 */

  --leading-tight: 1.08;
  --leading-normal: 1.35;
  --leading-body:  1.65;

  /* Space — 4/8/12/16/24/32/48/64/96/128 */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-24: 6rem;

  /* Geometry */
  --radius-sm: 4px;
  --radius:    8px;
  --column-narrow: 560px;
  --column-wide:   760px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur:      280ms;
  --dur-slow: 520ms;
}