/* Design tokens — sampled/refined against the original watercolor artwork */
:root {
  /* paper */
  --paper: #F8F3E6;
  --paper-light: #FCF9F1;
  --paper-deep: #EFE6D2;
  --paper-wash: #E9DBB9;

  /* botanical */
  --green: #60784D;
  --green-deep: #495740;
  --green-soft: #8FA676;
  --ink: #3D4935;          /* body text: ~9:1 on paper */
  --ink-soft: #5B6851;     /* secondary text: ~5.6:1 on paper */

  /* flowers, water, metal */
  --lilac: #A28BB9;
  --lilac-deep: #6F5A92;
  --lilac-wash: #CDBBDC;
  --pink: #D98CA5;
  --pink-deep: #A9506F;
  --pink-wash: #EDC3CF;
  --pond: #84BDBD;
  --pond-deep: #3F7F82;
  --gold: #B69A62;
  --gold-deep: #7C6636;    /* gold used for small text: ~4.9:1 on paper */
  --gold-soft: #D8C597;
  --pavilion: #E9CFC6;

  /* type */
  --font-script: 'Allura', 'Great Vibes', 'Segoe Script', cursive;
  --font-serif: 'Cormorant Garamond', 'Cormorant', Garamond, 'Times New Roman', serif;
  --font-sans: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-small: 0.875rem;
  --fs-kicker: 0.75rem;
  --fs-h2: clamp(2.25rem, 1.6rem + 3vw, 3.75rem);
  --fs-h3: clamp(1.5rem, 1.3rem + 0.9vw, 2rem);
  --lh-body: 1.6;

  /* space & layout */
  --gutter: clamp(20px, 5vw, 48px);
  --content: 1080px;
  --narrow: 640px;
  --section-pad: clamp(72px, 10vw, 140px);

  /* paper depth */
  --shadow-paper: 0 1px 1px rgba(73, 87, 64, 0.06), 0 10px 24px -8px rgba(73, 87, 64, 0.22), 0 26px 46px -24px rgba(73, 87, 64, 0.22);
  --shadow-print: 0 1px 2px rgba(61, 73, 53, 0.12), 0 12px 26px -10px rgba(61, 73, 53, 0.34);
  --hairline: 1px solid rgba(182, 154, 98, 0.55);

  /* motion */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.45, 0.05, 0.25, 1);
  --t-micro: 180ms;
  --t-card: 520ms;

  /* textures */
  --tex-paper: url('../assets/textures/paper-tile.webp');
  --tex-sheet-tall: url('../assets/textures/paper-sheet-tall.webp');
  --tex-sheet-wide: url('../assets/textures/paper-sheet-wide.webp');
  --tex-sheet-square: url('../assets/textures/paper-sheet-square.webp');
}