:root {
  /* --- Color Palette --- */
  --color-parchment:       #F5ECD7;
  --color-parchment-dark:  #E8DCC6;
  --color-ink:             #2C1810;
  --color-ink-light:       #5C4033;
  --color-gold:            #D4A439;
  --color-gold-light:      #E8C96A;
  --color-forest:          #2D5A3D;
  --color-forest-light:    #4A8C7F;
  --color-plum:            #6B4C6E;
  --color-plum-light:      #8B7DB8;
  --color-rose:            #C77B8B;
  --color-sky:             #6B8CAE;

  /* Mood accent colors */
  --mood-hopeful:          var(--color-gold);
  --mood-curious:          var(--color-forest-light);
  --mood-reflective:       var(--color-plum-light);
  --mood-melancholy:       var(--color-sky);
  --mood-joyful:           var(--color-rose);
  --mood-mysterious:       var(--color-plum);

  /* --- Typography --- */
  --font-display:     'Cormorant Garamond', 'Georgia', serif;
  --font-handwritten: 'Caveat', cursive;
  --font-body:        'Cormorant Garamond', 'Georgia', serif;
  --font-ui:          'Inter', sans-serif;

  --fs-hero:   clamp(2.5rem, 6vw, 4.5rem);
  --fs-title:  clamp(1.5rem, 3vw, 2.2rem);
  --fs-body:   clamp(1rem, 1.5vw, 1.15rem);
  --fs-date:   clamp(0.85rem, 1.2vw, 1rem);
  --fs-small:  0.85rem;

  /* --- Spacing --- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;

  /* --- Timeline --- */
  --timeline-width:       2px;
  --timeline-color:       var(--color-gold);
  --timeline-node-size:   1rem;
  --timeline-card-max-w:  420px;
  --timeline-gap:         var(--space-lg);

  /* --- Transitions --- */
  --ease-gentle:   cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration-slow: 0.8s;
  --duration-med:  0.5s;
  --duration-fast: 0.25s;
}