/* ============================================================
   DESIGN TOKENS — Shared across all month pages + home
   Each month CSS file may override these inside its own scope.
   ============================================================ */

:root {
  /* Paper / surface */
  --paper-cream: #FFF8F0;
  --paper-blush: #FDF2F8;
  --paper-warm: #FAF6EE;

  /* Rose family (March) */
  --rose-letter: #831843;
  --rose-soft: #F472B6;
  --rose-deep: #DB2777;

  /* Sage / terracotta family (May) */
  --sage: #7A8F6B;
  --sage-deep: #5C7150;
  --terracotta: #C97B5A;
  --postcard-sky: #A8C7DC;

  /* Neutrals */
  --ink: #2D2A26;
  --caption: #7C6F64;
  --gold-soft: #F6E05E;
  --gold-accent: #CA8A04;

  /* Typography stacks */
  --font-letter: 'Caveat', cursive;
  --font-heading: 'Dancing Script', cursive;
  --font-postcard: 'Homemade Apple', cursive;
  --font-typewriter: 'Special Elite', monospace;
  --font-ui: 'Quicksand', sans-serif;

  /* Z-index scale */
  --z-particles: 0;
  --z-content: 10;
  --z-floating: 20;
  --z-music: 40;
  --z-cursor: 45;
  --z-overlay: 100;
}

/* Site-wide base */
html {
  scroll-behavior: smooth;
}

body {
  background-attachment: fixed;
}

::selection {
  background: rgba(244, 114, 182, 0.3);
  color: var(--rose-letter);
}