/* FIZZ: a warm Kata sunset palette, intentionally distinct from KUARTZ. */
:root {
  --ink: #30243a;
  --ink-2: #4d3c59;
  --cream: #f8f1f0;
  --sand: #efe1de;
  --gold: #e9a38c;
  --text: #6a5d67;
}

.site-header {
  background: #fcf7f5;
  border-bottom: 1px solid #eadbd8;
}
.brand-divider { background: #d9c6c7; }
.lang-link { border-color: #d9c6c7; }
.nav-link:hover,
.lang-link:hover { color: #a9506b; }
.header-cta,
.button-dark { background: #30243a; }
.header-cta:hover,
.button-dark:hover { background: #4d3c59; }

.hero { background: #30243a; }
.hero-shade {
  background:
    linear-gradient(90deg, rgba(39, 26, 48, .93) 0%, rgba(53, 34, 58, .78) 32%, rgba(73, 46, 64, .28) 71%, rgba(75, 44, 60, .12) 100%),
    linear-gradient(0deg, rgba(36, 22, 43, .4), transparent 40%);
}
.eyebrow { color: #f6c7ad; }
.eyebrow-line { background: #e9a38c; }
h1 em { color: #ffd2b6; }
.hero-intro,
.hero-foot { color: #f5e8e8; }
.button-gold { background: #e9a38c; color: #30243a; }
.button-gold:hover { background: #f5b99f; }

.intro-band { background: #fff9f6; }
.intro-line,
.section-kicker { color: #a5506a; }
.fact { border-color: #eadbd8; }
.fact > span { color: #756872; }
.section-details { background: #f8f1f0; }
h2 em,
.legal-page h1 em { color: #aa5d72; }
.details-copy p,
.location-card p,
.legal-page p:not(.section-kicker) { color: #645b65; }
.text-link { border-color: #ce806f; }

.location-section { background: #efe2e3; }
.location-art {
  background: linear-gradient(135deg, #696b89 0%, #9893a7 27%, #d9a2a1 47%, #f2c4a8 58%, #f1ddc9 75%, #b9899c 100%);
}
.distance { background: #fff7f2; color: #30243a; box-shadow: 0 10px 25px #30243a20; }

.request-section { background: #33263e; }
.request-copy h2 em { color: #f6b99f; }
.request-copy p { color: #e0d3de; }
.form-card { background: #fff8f5; }
.form-heading span,
form label span { color: #b35c74; }
form input:not([type=checkbox]) { border-color: #dfd3d2; color: #30243a; }
form input:not([type=checkbox]):focus { border-color: #b35c74; box-shadow: 0 0 0 2px #e9a38c55; }
.consent { color: #6a5d67; }
.consent input { accent-color: #a9506b; }
.site-footer { background: #261e2f; color: #ebe1e9; }
.footer-bottom { color: #c5b6c4; }
.legal-page h1,
.legal-page .text-link { color: #30243a; }

@media (max-width: 680px) {
  .hero-shade {
    background:
      linear-gradient(90deg, rgba(39, 26, 48, .92), rgba(53, 34, 58, .7) 70%, rgba(73, 46, 64, .46)),
      linear-gradient(0deg, rgba(36, 22, 43, .38), transparent 40%);
  }
}
