/* Kuaforlerim light palette override: layout and content stay unchanged. */
:root {
  --gold: #b4862d !important;
  --gold-light: #d4b45f !important;
  --gold-soft: #8b671f !important;
  --gold-dim: rgba(180, 134, 45, .11) !important;
  --gold-border: rgba(180, 134, 45, .28) !important;
  --primary: #b4862d !important;
  --primary-dark: #8f681f !important;
  --primary-light: rgba(180, 134, 45, .12) !important;
  --secondary: #176348 !important;
  --success: #176348 !important;
  --green: #176348 !important;
  --cyan: #27765e !important;
  --accent: #176348 !important;
  --black: #ffffff !important;
  --bg: #f4f7f4 !important;
  --card: #ffffff !important;
  --panel: #ffffff !important;
  --panel-2: #f1f5f2 !important;
  --panel-3: #e7eee9 !important;
  --surface: #ffffff !important;
  --surface-2: #f1f5f2 !important;
  --surface-3: #e7eee9 !important;
  --line: rgba(23, 99, 72, .14) !important;
  --border: rgba(23, 99, 72, .13) !important;
  --border-strong: rgba(23, 99, 72, .22) !important;
  --border-gold: rgba(180, 134, 45, .28) !important;
  --text: #17231e !important;
  --dark: #17231e !important;
  --text-dim: #526159 !important;
  --text-secondary: #526159 !important;
  --text-muted: #78857e !important;
  --muted: #6d7b73 !important;
  --white: #ffffff !important;
  --gray-50: #f4f7f4 !important;
  --gray-100: #edf2ee !important;
  --gray-200: #dfe8e2 !important;
  --gray-300: #cbd8d0 !important;
  --gray-400: #9baba2 !important;
  --gray-500: #78857e !important;
  --gray-600: #526159 !important;
  --gray-700: #35443c !important;
  --gray-800: #24322b !important;
  --gray-900: #17231e !important;
  --gray-950: #0e1813 !important;
  --grad-primary: linear-gradient(135deg, #b4862d, #d4b45f) !important;
  --grad-gold: linear-gradient(135deg, #b4862d, #d4b45f) !important;
  --grad-green: linear-gradient(135deg, #176348, #27765e) !important;
  --grad-hero: linear-gradient(135deg, #ffffff, #edf4ef) !important;
  --grad-card: linear-gradient(145deg, #ffffff, #f3f6f4) !important;
  --shadow-xs: 0 1px 2px rgba(20, 52, 40, .06) !important;
  --shadow-sm: 0 3px 10px rgba(20, 52, 40, .08) !important;
  --shadow: 0 8px 24px rgba(20, 52, 40, .09) !important;
  --shadow-md: 0 12px 32px rgba(20, 52, 40, .10) !important;
  --shadow-lg: 0 18px 48px rgba(20, 52, 40, .12) !important;
  --shadow-xl: 0 24px 64px rgba(20, 52, 40, .14) !important;
}

html { color-scheme: light !important; }
body { background: var(--bg) !important; color: var(--text) !important; }
input, select, textarea { color-scheme: light; }
::selection { color: #fff; background: #176348; }
::-webkit-scrollbar-track { background: #edf2ee !important; }

/* Shared navigation keeps every existing route and dropdown. */
.top-ticker { background: #176348 !important; border-bottom-color: rgba(255,255,255,.16) !important; }
.top-ticker span { color: rgba(255,255,255,.82) !important; }
.top-ticker .dot { color: #d4b45f !important; }
.navbar,
.navbar.transparent,
.navbar.scrolled { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid var(--border) !important; box-shadow: 0 4px 22px rgba(20,52,40,.07) !important; backdrop-filter: blur(20px) !important; }
.logo,
.nav-links > li > a,
.btn-ghost { color: #24322b !important; }
.nav-links > li > a:hover,
.nav-links > li > a.active { color: #176348 !important; background: #edf4ef !important; }
.btn-ghost { border-color: var(--border-strong) !important; background: #fff !important; }
.btn-ghost:hover { color: #176348 !important; border-color: #176348 !important; background: #edf4ef !important; }
.dropdown-menu { background: rgba(255,255,255,.99) !important; border-color: var(--gold-border) !important; box-shadow: 0 18px 48px rgba(20,52,40,.15) !important; }
.dropdown-menu::before { border-bottom-color: rgba(180,134,45,.35) !important; }
.dropdown-header { border-bottom-color: var(--border) !important; color: #8f681f !important; }
.dropdown-item:hover,
.dropdown-item.featured { background: #f6f2e7 !important; }
.dropdown-title { color: var(--text) !important; }
.dropdown-desc,
.dropdown-item.small,
.dropdown-footer { color: var(--text-muted) !important; }
.dropdown-divider { background: var(--border) !important; }
.hamburger { border-color: var(--border-strong) !important; background: #fff !important; }
.hamburger span { background: #176348 !important; }
.mobile-menu { background: #fff !important; }
.mobile-close { color: #176348 !important; border-color: var(--border-strong) !important; }
.mobile-menu a { color: #35443c !important; border-bottom-color: var(--border) !important; }
.mobile-menu a:hover { color: #176348 !important; background: #edf4ef !important; }
.mobile-bottom-nav { background: rgba(255,255,255,.98) !important; border-top-color: var(--border) !important; box-shadow: 0 -6px 24px rgba(20,52,40,.08) !important; }
.bottom-nav-item { color: #78857e !important; }
.bottom-nav-item:hover,
.bottom-nav-item.active { color: #176348 !important; }
.center-icon { background: linear-gradient(135deg,#176348,#27765e) !important; border-color: #fff !important; box-shadow: 0 5px 18px rgba(23,99,72,.25) !important; }
.center-icon i { color: #fff !important; }

/* Original homepage sections: only their colors change. */
.hero-slider { background: #fff !important; }
.hero-slider .slide-overlay { background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(245,248,246,.9), rgba(232,241,235,.72)) !important; }
.slide-title,
.slide-card h3,
.slide-card [style*="color:#fff"],
.slide-card [style*="color: #fff"] { color: var(--text) !important; -webkit-text-fill-color: initial; }
.slide-title em { background: none !important; color: #176348 !important; -webkit-text-fill-color: #176348 !important; }
.slide-desc,
.slide-card [style*="rgba(244,244,245"] { color: var(--text-secondary) !important; }
.slide-feature,
.slide-card { background: rgba(255,255,255,.94) !important; border-color: var(--border-gold) !important; color: var(--text-secondary) !important; box-shadow: var(--shadow-md) !important; }
.slider-arrow { background: #fff !important; border-color: var(--gold-border) !important; color: var(--gold) !important; }
.slider-dot { background: #cbd8d0 !important; }
.slider-dot.active { background: #176348 !important; border-color: #176348 !important; }
.app-promo-section,
.free-site-section,
.ai-section { background: linear-gradient(145deg,#f4f7f4,#e7f0ea) !important; }
.app-promo-section strong,
.app-promo-section .section-title,
.ai-section .section-title,
.free-site-section .section-title { color: var(--text) !important; }
.free-features-grid > div { background: rgba(255,255,255,.82) !important; border-color: var(--border) !important; }
.free-features-grid > div:hover { background: #fff !important; }
.feature-item,
.step-item,
.sng,
.product-item,
.review-item,
.stats-list-item,
.pll-item,
.pr-card,
.supplier-stat-card { box-shadow: none !important; }
.footer { background: #123f31 !important; color: #fff !important; }
.footer .footer-logo,
.footer h4 { color: #fff !important; }
.footer p,
.footer a,
.footer-bottom { color: rgba(255,255,255,.72) !important; }

/* Listing, marketplace, salon and account surfaces. */
.hero-search,
.store-banner,
.mp-hero { background: linear-gradient(135deg,#fff,#edf4ef) !important; }
.search-box,
.sidebar-card,
.toolbar,
.salon-card,
.salon-card-detail,
.mp-product,
.wh-card,
.product-card,
.card,
.modal-box,
.cart-panel,
.auth-card { background: #fff !important; border-color: var(--border) !important; box-shadow: var(--shadow-sm) !important; }
.form-group input,
.form-group select,
.form-group textarea,
.field input,
.field select,
.field textarea,
.toolbar input,
.toolbar select,
.search-box input,
.search-box select { background: #f8faf8 !important; color: var(--text) !important; border-color: var(--border-strong) !important; }
.dashboard-main,
.panel-main,
.toptanci-form-section { background: var(--bg) !important; }
.dashboard-sidebar,
.panel-sidebar,
.toptanci-visual { background: linear-gradient(180deg,#123f31,#176348) !important; border-color: rgba(255,255,255,.12) !important; }
.dashboard-sidebar *,
.panel-sidebar *,
.toptanci-visual * { --text: #ffffff !important; --text-secondary: rgba(255,255,255,.72) !important; --text-muted: rgba(255,255,255,.52) !important; }

/* Standalone AI and utility pages use the same palette tokens. */
.brand-hero,
.how-section,
.quota-bar,
.upload-box,
.section,
.item,
.kpi,
.summary-card,
.formula,
.step,
.feat-dark { background: #fff !important; color: var(--text) !important; border-color: var(--border) !important; box-shadow: var(--shadow-sm) !important; }
.note,
.summary-value,
.item h4,
.kpi .v { color: var(--text) !important; }
.tag { color: #176348 !important; background: #edf4ef !important; border-color: var(--border) !important; }
.image-modal { background: rgba(18,63,49,.88) !important; }

@media (prefers-reduced-motion: reduce) {
  .top-ticker-inner { animation: none !important; }
}