:root {
  /* Palette — warm Italian riviera, lightly faded */
  --cream:        #f0e3c4;
  --cream-light:  #f6ecd2;
  --paper-shadow: #d6c596;

  --navy:         #1d3f7a;
  --navy-deep:    #14305f;

  --red:          #c43830;
  --red-deep:     #a52b25;

  --yellow:       #ecae3c;

  --ink:          #2b2118;
  --ink-soft:     #4a3a28;
  --ink-faint:    #6e5a40;

  --tan:          #b58a5a;
  --foxing:       #b18a4a;


  /* Fonts */
  --f-display: 'Playfair Display', 'Times New Roman', serif;
  --f-type:    'Special Elite', 'Courier New', monospace;
  --f-mono:    'Courier Prime', 'Courier New', monospace;
  --f-cutive:  'Cutive Mono', 'Courier Prime', 'Courier New', monospace;
  --f-hand:    'Caveat', 'Brush Script MT', cursive;
  --f-scribble:'Reenie Beanie', 'Caveat', cursive;
  --f-stamp:   'Permanent Marker', 'Special Elite', sans-serif;

  /* Shadows */
  --shadow-card:  0 2px 4px rgba(60, 40, 20, 0.10),
                  0 8px 18px rgba(60, 40, 20, 0.14);
  --shadow-lift:  0 4px 8px rgba(60, 40, 20, 0.14),
                  0 14px 28px rgba(60, 40, 20, 0.22);

  /* Layout */
  --site-max:   1600px;
  --gutter:     24px;
  --radius-sm:  3px;
  --radius-md:  4px;

  /* Motion */
  --ease:       cubic-bezier(0.2, 0.7, 0.2, 1);
  --hover-ms:   220ms;
}