/* Dark (default) */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg-body: #000000;
  --bg-section: #000000;
  --bg-card: rgba(0, 0, 0, 0.8);
  --bg-card-hover: rgba(0, 0, 0, 0.4);
  --bg-input: rgba(255, 255, 255, 0.05);
  --bg-header-scroll: rgba(0, 0, 0, 0.85);
  --bg-nav-mobile: rgba(0, 0, 0, 0.95);
  --bg-switcher: rgba(255, 255, 255, 0.04);
  --text-heading: #ffffff;
  --text-body: rgba(255, 255, 255, 0.75);
  --text-muted: rgba(255, 255, 255, 0.65);
  --text-subtle: rgba(255, 255, 255, 0.45);
  --text-nav: #ffffff;
  --text-nav-muted: rgba(255, 255, 255, 0.65);
  --text-link: rgba(255, 255, 255, 0.7);
  --text-input: #ffffff;
  --text-placeholder: rgba(255, 255, 255, 0.45);
  --text-btn-primary: #d4f0ed;
  --border-default: rgba(255, 255, 255, 0.08);
  --border-light: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.1);
  --border-nav: rgba(255, 255, 255, 0.15);
  --marquee-fade: #000000;
  --logo-box-bg: #ffffff;
  --shadow-card: 0 2px 15px rgba(0, 0, 0, 0.08);
  --light-bg: var(--bg-body);
  --dark-overlay: var(--bg-card);
  --light-overlay: var(--bg-input);
  --text-color: var(--text-body);
  --section-title-color: var(--text-heading);
  --btn-primary-bg: rgba(78, 205, 196, 0.12);
  --btn-primary-border: rgba(78, 205, 196, 0.4);
  --btn-primary-hover-bg: rgba(78, 205, 196, 0.22);
  --btn-primary-shadow: 0 4px 14px rgba(78, 205, 196, 0.2);
  --gradient-services: linear-gradient(
    45deg,
    rgba(74, 144, 226, 0.1),
    rgba(79, 176, 210, 0.1),
    rgba(129, 204, 179, 0.1)
  );
}

/* Light */
[data-theme="light"] {
  color-scheme: light;
  --bg-body: #eef2f4;
  --bg-section: #eef2f4;
  --bg-card: #ffffff;
  --bg-card-hover: #f8fafb;
  --bg-input: #ffffff;
  --bg-header-scroll: rgba(255, 255, 255, 0.94);
  --bg-nav-mobile: rgba(255, 255, 255, 0.98);
  --bg-switcher: rgba(0, 0, 0, 0.04);
  --text-heading: #1a2332;
  --text-body: #4a5568;
  --text-muted: #5f6b7a;
  --text-subtle: #8b95a5;
  --text-nav: #1a2332;
  --text-nav-muted: #5f6b7a;
  --text-link: #4a5568;
  --text-input: #1a2332;
  --text-placeholder: #8b95a5;
  --text-btn-primary: #1a5c54;
  --border-default: rgba(0, 0, 0, 0.08);
  --border-light: rgba(0, 0, 0, 0.06);
  --border-strong: rgba(0, 0, 0, 0.1);
  --border-nav: rgba(0, 0, 0, 0.1);
  --marquee-fade: #eef2f4;
  --logo-box-bg: #ffffff;
  --shadow-card: 0 2px 14px rgba(26, 35, 50, 0.08);
  --light-bg: var(--bg-body);
  --dark-overlay: var(--bg-card);
  --light-overlay: var(--bg-input);
  --text-color: var(--text-body);
  --section-title-color: var(--text-heading);
  --btn-primary-bg: rgba(78, 205, 196, 0.16);
  --btn-primary-border: rgba(56, 170, 158, 0.45);
  --btn-primary-hover-bg: rgba(78, 205, 196, 0.28);
  --btn-primary-shadow: 0 4px 14px rgba(78, 205, 196, 0.18);
  --gradient-services: linear-gradient(
    45deg,
    rgba(74, 144, 226, 0.06),
    rgba(79, 176, 210, 0.06),
    rgba(129, 204, 179, 0.06)
  );
}

[data-theme="light"] .header--scrolled {
  box-shadow: 0 4px 16px rgba(26, 35, 50, 0.08);
}

[data-theme="light"] .home-link-card:hover,
[data-theme="light"] .partner-detail-card:hover {
  border-color: rgba(78, 205, 196, 0.35);
}