/* =============================================
   THEME F — Linen & Terracotta (Warm Earth)
   Overrides for Stone Design Luxury
   ============================================= */

:root {
  --gold:      #B85C38;
  --gold-dark: #963F22;
  --black:     #2A1810;
  --dark:      #3D2415;
  --dark-2:    #4F311D;
  --gray:      #8B6E5A;
  --light-gray: #F8F2EA;
  --white:     #FFFCF8;
}

/* --- BODY --- */
body {
  background: #F8F2EA;
  color: #2A1810;
}

/* --- NAV --- */
.site-header.scrolled {
  background: rgba(255, 252, 248, 0.97);
  box-shadow: 0 2px 30px rgba(42, 24, 16, 0.08);
}
.site-header.scrolled .logo-main { color: #2A1810; }
.site-header.scrolled .nav-links a { color: rgba(42, 24, 16, 0.65); }
.site-header.scrolled .nav-links a:hover { color: #B85C38; }
.site-header.scrolled .nav-cta { background: #B85C38; color: #fff !important; }

/* --- HERO --- */
.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(184, 92, 56, 0.08) 0%,
    rgba(42, 24, 16, 0.4) 60%,
    rgba(42, 24, 16, 0.62) 100%
  );
}

/* --- MARQUEE --- */
.marquee-strip { background: #EDE3D6; }
.marquee-track span { color: rgba(42, 24, 16, 0.38); }
.marquee-track .dot { color: #B85C38 !important; }

/* --- MISSION --- */
.mission-banner { background: #FDF7F0; }
.mission-text { color: #2A1810; }

/* --- COLLECTIONS --- */
.collections { background: #F8F2EA; }
.collection-card {
  box-shadow: none;
  border: 1px solid rgba(184, 92, 56, 0.14);
  background: #FFFCF8;
}
.collection-card:hover {
  box-shadow: 0 12px 40px rgba(184, 92, 56, 0.18);
  border-color: rgba(184, 92, 56, 0.3);
}
.card-link { color: #B85C38; }
.card-link:hover { color: #963F22; }

/* --- STATS BANNER --- */
.stats-banner { background: #EDE3D6; }
.stat-number { color: #B85C38; }
.stat-plus   { color: #B85C38; }
.stat-item p { color: rgba(42, 24, 16, 0.45); }

/* --- GALLERY --- */
.gallery-section { background: #FDF7F0; }

/* --- SERVICES --- */
.services-section { background: #F8F2EA; }
.service-card {
  background: #FFFCF8;
  border: 1px solid rgba(184, 92, 56, 0.12);
  box-shadow: none;
}
.service-card:hover { box-shadow: 0 8px 30px rgba(184, 92, 56, 0.15); border-color: rgba(184, 92, 56, 0.28); }
.service-icon { color: #B85C38; }

/* --- JOURNEY --- */
.journey-section { background: #FDF7F0; }
.journey-section .section-title { color: #2A1810; }
.journey-section .eyebrow       { color: #B85C38; }
.journey-section .section-sub   { color: rgba(42, 24, 16, 0.5); }
.journey-grid {
  border-top:  1px solid rgba(184, 92, 56, 0.14);
  border-left: 1px solid rgba(184, 92, 56, 0.14);
}
.journey-step {
  border-right:  1px solid rgba(184, 92, 56, 0.14);
  border-bottom: 1px solid rgba(184, 92, 56, 0.14);
}
.journey-step:hover { background: rgba(184, 92, 56, 0.05); }
.step-num { color: rgba(184, 92, 56, 0.18); }
.journey-step:hover .step-num { color: #B85C38; }
.journey-step h3 { color: #2A1810; }
.journey-step p  { color: rgba(42, 24, 16, 0.5); }

/* --- ABOUT --- */
.about-section { background: #FFFCF8; }
.about-badge   { background: #B85C38; box-shadow: 0 8px 30px rgba(184,92,56,0.4); }

/* --- TESTIMONIALS --- */
.testimonials-section { background: #EDE3D6; }
.testimonials-section .section-title { color: #2A1810; }
.testimonials-section .eyebrow       { color: #B85C38; }
.testimonial-card {
  background: #FFFCF8;
  border: 1px solid rgba(184, 92, 56, 0.12);
}
.testimonial-card p      { color: rgba(42, 24, 16, 0.65); }
.testimonial-author      { color: #B85C38; }
.testimonial-card:hover  { border-color: #B85C38; }

/* --- CONTACT --- */
.contact-section { background: #F8F2EA; }

/* --- NEWSLETTER --- */
.newsletter-section { background: #B85C38; }

/* --- FOOTER --- */
.site-footer { background: #2A1810; }

/* --- BUTTONS --- */
.btn-primary { background: #B85C38; }
.btn-primary:hover {
  background: #963F22;
  box-shadow: 0 8px 24px rgba(184, 92, 56, 0.4);
}
.nav-cta { background: #B85C38 !important; }
.nav-cta:hover { background: #963F22 !important; }

/* --- SECTION TITLE COLOR --- */
.section-title { color: #2A1810; }
.section-sub   { color: rgba(42, 24, 16, 0.55); }
.eyebrow       { color: #B85C38; }

/* --- MOBILE NAV --- */
@media (max-width: 768px) {
  .nav-links {
    background: rgba(255, 252, 248, 0.98);
  }
  .nav-links a { color: rgba(42, 24, 16, 0.75); }
  .nav-links a:hover { color: #B85C38; }
}