/* ============================================================
   variables.css — デザイントークン（uyuvia.com 継承）
   ============================================================ */

:root {
  /* Colors */
  --color-text:        #7B6660;
  --color-heading:     #3d3535;
  --color-pink:        #daa1a2;
  --color-gold:        #D6BD7F;
  --color-cream:       #faf8f5;
  --color-light-pink:  #f9f0f0;
  --color-white:       #ffffff;
  --color-border:      #e8ddd8;
  --color-link:        #b8956a;

  /* Gradients */
  --grad-gold:      linear-gradient(45deg, #8c421d, #fbe67b, #fcfbe7, #f7d14e, #d4a041);
  --grad-pink-gold: linear-gradient(135deg, rgb(218,161,162), rgb(214,190,127));
  --grad-hero:      linear-gradient(135deg, rgba(218,161,162,0.18) 0%, rgba(250,248,245,1) 55%, rgba(214,190,127,0.12) 100%);
  --grad-section:   linear-gradient(180deg, #f9f0f0 0%, #faf8f5 100%);

  /* Typography */
  --font-serif:   'Noto Serif JP', serif;
  --font-sans:    'Noto Sans JP', sans-serif;
  --font-display: 'Italianno', cursive;

  /* Spacing */
  --space-section:   100px;
  --space-section-s:  64px;
  --max-width:       1100px;
  --header-h:          72px;

  /* Transitions */
  --transition: 0.3s ease;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(123,102,96,0.08);
  --shadow-hover: 0 8px 32px rgba(123,102,96,0.14);
}

@media (max-width: 768px) {
  :root {
    --space-section:   60px;
    --space-section-s: 40px;
    --header-h:         60px;
  }
}