:root {
  /* Color */
  --cream: #FAF5EF;
  --paper: #FFFCF8;
  --line: #E6DCD3;
  --blush: #F1DCD6;
  --rose: #B77C7F;
  --rose-deep: #9E5F65;
  --rose-deep-hover: #8A5258;
  --sage-tint: #E7ECE1;
  --sage: #B7C4AE;
  --sage-deep: #5F7259;
  --sage-deep-hover: #4E5F49;
  --ink: #3B3432;
  --ink-muted: #6B605C;
  --ink-soft: #4E5A4A;
  --hairline: #D9C3BC;

  /* Type */
  --font-serif: 'Cormorant Garamond', serif;
  --font-sans: 'Jost', sans-serif;
  --size-hero-name: clamp(60px, 14vw, 152px);
  --size-h2: clamp(38px, 8vw, 56px);
  --size-intro: clamp(26px, 5vw, 38px);
  --size-body: 16px;
  --size-eyebrow: 12px;

  /* Spacing scale: 4 8 12 16 20 24 32 48 64 96 128 144 */
  --space-section-y: clamp(72px, 12vw, 144px);
  --space-gutter: clamp(16px, 4vw, 48px);
  --width-hero: 1200px;
  --width-gallery: 1200px;
  --width-album: 880px;
  --width-intro: 620px;
  --width-form: 520px;
  --width-messages: 640px;

  /* Shape & depth */
  --radius-hero: clamp(18px, 3vw, 28px);
  --radius-photo: clamp(12px, 2vw, 18px);
  --radius-card: 18px;
  --radius-input: 10px;
  --radius-message: 6px;
  --shadow-soft: 0 1px 2px rgba(59, 52, 50, .05), 0 14px 30px -18px rgba(59, 52, 50, .30);
  --shadow-hero: 0 2px 4px rgba(59, 52, 50, .05), 0 30px 60px -30px rgba(59, 52, 50, .35);

  /* Motion */
  --ease: cubic-bezier(.2, .7, .2, 1);
}

[hidden] {
  display: none !important;
}