:root[data-theme='light'] {
  color-scheme: light;
  --theme-bg-start: #f5efe5;
  --theme-bg-mid: #ebdfce;
  --theme-bg-end: #e2d2ba;

  --theme-card-start: rgba(255, 252, 247, 0.97);
  --theme-card-end: rgba(246, 236, 220, 0.99);
  --theme-border: rgba(158, 120, 54, 0.34);

  --theme-text: #49361d;
  --theme-title: #2f200e;
  --theme-text-muted: rgba(82, 60, 31, 0.8);

  --theme-accent: #9f7a3c;
  --theme-accent-strong: #c5a05f;

  --theme-primary-gradient: linear-gradient(120deg, #8e6a32, #b3894a, #d2b178);
  --theme-primary-text: #2b1c08;

  --theme-ghost-border: rgba(158, 120, 54, 0.45);
  --theme-ghost-bg: rgba(158, 120, 54, 0.12);
  --theme-ghost-text: #6a4d23;

  --theme-toast-bg: rgba(253, 246, 235, 0.98);
  --theme-toast-text: #4a361a;
  --theme-toast-border: rgba(158, 120, 54, 0.35);

  --picker-overlay-bg: rgba(42, 29, 12, 0.2);
  --picker-sheet-bg: radial-gradient(circle at 20% 10%, rgba(255, 251, 244, 0.98), rgba(248, 237, 218, 0.99));
  --picker-sheet-border: rgba(158, 120, 54, 0.35);
  --picker-sheet-shadow: 0 -20px 56px rgba(96, 67, 21, 0.2);
  --picker-title-color: #3e2b13;
  --picker-text-color: #4d381c;
  --picker-muted-color: rgba(97, 68, 32, 0.66);
  --picker-search-bg: rgba(255, 252, 247, 0.98);
  --picker-search-border: rgba(158, 120, 54, 0.45);
  --picker-item-bg: rgba(255, 250, 243, 0.96);
  --picker-item-border: rgba(158, 120, 54, 0.35);
  --picker-item-active-bg: rgba(169, 133, 71, 0.16);
  --picker-item-active-border: rgba(158, 120, 54, 0.58);
}

:root[data-theme='light'] .hero-slider {
  background: rgba(255, 250, 241, 0.9);
  border-color: rgba(176, 138, 62, 0.35);
}

:root[data-theme='light'] .hero-kicker {
  color: rgba(139, 104, 48, 0.9);
}

:root[data-theme='light'] .hero-title {
  color: #36240f;
}

:root[data-theme='light'] .hero-subtitle,
:root[data-theme='light'] .hero-highlights {
  color: rgba(73, 50, 24, 0.84);
}

:root[data-theme='light'] .slider-dots button {
  background: rgba(158, 120, 54, 0.28);
}

:root[data-theme='light'] .slider-dots button.active {
  background: rgba(158, 120, 54, 0.9);
}

:root[data-theme='light'] .cta-row .cta-secondary {
  border-color: rgba(158, 120, 54, 0.45);
  background: rgba(158, 120, 54, 0.13);
  color: #6a4d23;
}

:root[data-theme='light'] .country-row {
  border-color: rgba(158, 120, 54, 0.42);
  background: rgba(255, 251, 245, 0.96);
}

:root[data-theme='light'] .country-row:hover {
  border-color: rgba(158, 120, 54, 0.68);
}

:root[data-theme='light'] .country-meta,
:root[data-theme='light'] .country-name {
  color: #4f3a20;
}

:root[data-theme='light'] .country-dial,
:root[data-theme='light'] .country-arrow {
  color: rgba(92, 65, 31, 0.74);
}

:root[data-theme='light'] .download-card {
  background: radial-gradient(circle at top, rgba(255, 252, 247, 0.98), rgba(246, 236, 218, 0.99));
  border-color: rgba(158, 120, 54, 0.35);
  color: #4f3a20;
}

:root[data-theme='light'] .download-kicker {
  color: rgba(139, 104, 48, 0.9);
}

:root[data-theme='light'] .download-main-title,
:root[data-theme='light'] .section-title,
:root[data-theme='light'] .guide-item h3,
:root[data-theme='light'] .feature-card h3 {
  color: #36240f;
}

:root[data-theme='light'] .download-main-subtitle,
:root[data-theme='light'] .download-note,
:root[data-theme='light'] .guide-item p,
:root[data-theme='light'] .feature-card p,
:root[data-theme='light'] .extra-desc,
:root[data-theme='light'] .stat-item span {
  color: rgba(85, 61, 31, 0.82);
}

:root[data-theme='light'] .app-badge,
:root[data-theme='light'] .extra-chip {
  border-color: rgba(158, 120, 54, 0.45);
  background: rgba(158, 120, 54, 0.14);
  color: #654921;
}

:root[data-theme='light'] .stat-item,
:root[data-theme='light'] .guide-item,
:root[data-theme='light'] .feature-card {
  border-color: rgba(158, 120, 54, 0.35);
  background: rgba(255, 250, 243, 0.96);
}

:root[data-theme='light'] .stat-item strong {
  color: #39270f;
}

:root[data-theme='light'] .guide-index {
  background: linear-gradient(135deg, #8e6a32, #d2b178);
  color: #2a1d09;
}

:root[data-theme='light'] .device-frame {
  border-color: rgba(158, 120, 54, 0.4);
  background: rgba(247, 236, 218, 0.95);
}

:root[data-theme='light'] .device-preview .slider-dots button {
  background: rgba(158, 120, 54, 0.32);
}

:root[data-theme='light'] .device-preview .slider-dots button.active {
  background: rgba(158, 120, 54, 0.9);
}

:root[data-theme='light'] #countryPickerContainer .country-item .country-item-name,
:root[data-theme='light'] #langPickerContainer .language-label,
:root[data-theme='light'] .cs-label,
:root[data-theme='light'] .cs-title {
  color: #3e2b13;
}

:root[data-theme='light'] #countryPickerContainer .country-item .country-info,
:root[data-theme='light'] .cs-desc,
:root[data-theme='light'] .cs-note,
:root[data-theme='light'] .cs-chevron,
:root[data-theme='light'] #countryPickerContainer .country-item .country-item-code,
:root[data-theme='light'] #langPickerContainer .language-code {
  color: rgba(96, 67, 30, 0.75);
}

:root[data-theme='light'] #countryPickerContainer .ghost-btn,
:root[data-theme='light'] #langPickerContainer .ghost-btn,
:root[data-theme='light'] .cs-close {
  background: rgba(255, 251, 244, 0.98);
  color: #4d381c;
}

:root[data-theme='light'] .cs-item,
:root[data-theme='light'] #countryPickerContainer .country-item,
:root[data-theme='light'] #langPickerContainer .language-item {
  background: rgba(255, 250, 243, 0.96);
}

:root[data-theme='light'] .cs-item .cs-icon {
  background: rgba(158, 120, 54, 0.16);
  color: #7b5928;
}