/* =============================================
   CSS VARIABLES — Ada & Iustin Wedding
   ============================================= */

:root {
  /* Neutrals */
  --ivory: #FFF8F0;
  --warm-white: #FFFCF7;
  --champagne: #F0E4CC;
  --charcoal: #2C2C2C;

  /* Blush / Rose */
  --blush: #F4C7C3;
  --blush-light: #FBE8E6;
  --rose: #D4918E;
  --dusty-rose: #C98A87;

  /* Sage / Green */
  --sage: #A8C5A0;
  --sage-light: #D4E8D0;
  --sage-dark: #7BA376;

  /* Lavender */
  --lavender: #C8B8E0;
  --lavender-light: #E8E0F0;

  /* Gold */
  --gold: #C9A96E;
  --gold-light: #E8D5A8;

  /* Brown / Earthy */
  --brown: #5C4033;
  --brown-light: #8B6F5E;

  /* Section Backgrounds — subtle tints for visual rhythm */
  --bg-story: #FFFCF7;        /* warm white — neutral base */
  --bg-welcome: #F7F0E8; /* whisper of champagne — warm, welcoming */
  --bg-ceremony: #F5FAF4;     /* whisper of sage — natural, sacred */
  --bg-menu: #FDF4F3;    /* whisper of blush — warm, celebratory */
  --bg-dresscode: #F5F2FA;    /* whisper of lavender — elegant, refined */
  --bg-nasi: #F0F6F6;         /* whisper of turquoise — serene, distinctive */
  --bg-primirea: #F5F0E6;     /* whisper of honey — warm, welcoming */
  --bg-transport: #EBF5F4;    /* soft turquoise — fresh, distinctive */

  /* Paper / Envelope */
  --paper: #F5E6D3;
  --paper-dark: #E8D5BF;
  --paper-light: #FAF3EA;

  /* Wax Seal */
  --seal-red: #8B2500;
  --seal-red-light: #A83A1F;
  --seal-red-dark: #6B1A00;

  /* Spacing */
  --section-padding: 80px 24px;
  --section-padding-mobile: 60px 20px;
  --max-width: 1200px;
  --content-width: 680px;

  /* Transitions */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}