/* Øyeblikkets Gave — warm neutral theme
   Override only: remove the <link> in index.html to revert fully */

:root {
  --background-color: #faf7f2;
  --default-color: #3d3530;
  --heading-color: #2e251e;
  --accent-color: #b87350;
  --surface-color: #ffffff;
  --contrast-color: #ffffff;

  --nav-color: #3d3530;
  --nav-hover-color: #b87350;
  --nav-mobile-background-color: #faf7f2;
  --nav-dropdown-background-color: #faf7f2;
  --nav-dropdown-color: #3d3530;
  --nav-dropdown-hover-color: #b87350;
}

.light-background {
  --background-color: #f0ebe3;
  --surface-color: #ffffff;
}

/* Header — warm cream */
.header {
  background: linear-gradient(135deg, #faf7f2 0%, #f0ebe3 100%) !important;
  box-shadow: 0 2px 12px rgba(90, 65, 45, 0.08);
  border-bottom: 1px solid #e0d5c8;
}

.header .sitename {
  color: #b87350 !important;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Nav links */
.navmenu a,
.navmenu a:focus {
  color: var(--nav-color) !important;
  font-weight: 500;
}

.navmenu a:hover,
.navmenu .active {
  color: #b87350 !important;
}

/* Hero section */
.hero {
  background: linear-gradient(160deg, #faf7f2 0%, #f0ebe3 60%, #e8e0d5 100%);
}

.hero h2 {
  color: #2e251e;
  font-size: 2.2rem;
  line-height: 1.3;
}

.hero .lead {
  color: #6b5a4e;
}

/* Buttons */
.btn-submit,
.btn-primary,
a.btn {
  background-color: #b87350 !important;
  border-color: #b87350 !important;
  color: #ffffff !important;
  border-radius: 30px;
  padding: 10px 28px;
  font-weight: 500;
  transition: 0.3s;
}

.btn-submit:hover,
.btn-primary:hover,
a.btn:hover {
  background-color: #9a5f3e !important;
  border-color: #9a5f3e !important;
}

/* Section titles */
.section-category {
  color: #b87350 !important;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 0.85rem;
}

/* Cards */
.card,
.contact-form.card {
  border: none !important;
  box-shadow: 0 4px 24px rgba(90, 65, 45, 0.08) !important;
  border-radius: 16px !important;
}

/* Services section */
.services .icon-box {
  background: #f5f0e8;
  border-radius: 16px;
  border: 1px solid #e0d5c8;
}

/* FAQ section */
.faq .faq-item {
  border-bottom: 1px solid #e0d5c8;
}

.faq .faq-item h3 {
  color: #2e251e;
}

/* Our Story / Resume section */
.resume .resume-item::before {
  border-color: #b87350 !important;
}

.resume .resume-item::after {
  background: #b87350 !important;
}

/* Footer */
.footer {
  background: linear-gradient(135deg, #f0ebe3 0%, #e8e0d5 100%) !important;
  color: #3d3530;
  border-top: 1px solid #e0d5c8;
}

.footer .copyright p,
.footer .credits,
.footer .credits a {
  color: #6b5a4e !important;
}

.footer .social-links a {
  background: #b87350 !important;
  color: #fff !important;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.footer .social-links a:hover {
  background: #9a5f3e !important;
}

/* Scroll to top button */
.scroll-top {
  background-color: #b87350 !important;
}

.scroll-top:hover {
  background-color: #9a5f3e !important;
}

/* Form inputs */
.form-control:focus {
  border-color: #b87350;
  box-shadow: 0 0 0 0.2rem rgba(184, 115, 80, 0.2);
}