/* ==========================================================================
   FITDOJO — light theme (opsi tampilan 2)
   Token --ink/--cream dipakai semantik sebagai background/teks di style.css,
   jadi di sini nilainya dibalik: --ink = latar terang, --cream = teks gelap.
   Font display bold tanpa italic: Bricolage Grotesque + Plus Jakarta Sans.
   ========================================================================== */

:root[data-theme="light"] {
  --ink: #faf7fb;
  --ink-2: #ffffff;
  --ink-3: #efe8f1;
  --line: rgba(29, 21, 34, 0.1);
  --line-strong: rgba(29, 21, 34, 0.22);
  --cream: #1d1522;
  --cream-2: #3f3346;
  --muted: #74687a;
  --gold-text: #a66f0a;

  --font-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --radius: 18px;
}

[data-theme="light"] body::after {
  opacity: 0.03;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4 {
  font-weight: 800;
  letter-spacing: -0.035em;
}

[data-theme="light"] .display-xl {
  letter-spacing: -0.05em;
}

[data-theme="light"] .italic,
[data-theme="light"] .about__quote {
  font-style: normal;
  font-weight: 800;
}

[data-theme="light"] .italic,
[data-theme="light"] .hero__title .italic,
[data-theme="light"] .cta__title .italic,
[data-theme="light"] .accent,
[data-theme="light"] .eyebrow,
[data-theme="light"] .link-arrow,
[data-theme="light"] .why__num,
[data-theme="light"] .rule__big,
[data-theme="light"] .founder__initials,
[data-theme="light"] .stat__value sup {
  color: var(--purple);
}

[data-theme="light"] .eyebrow::before {
  background: var(--purple);
}

[data-theme="light"] :focus-visible {
  outline-color: var(--purple);
}

[data-theme="light"] .service__price,
[data-theme="light"] .pill--gold,
[data-theme="light"] .expert__cert span {
  color: var(--gold-text);
  border-color: rgba(166, 111, 10, 0.4);
}

/* Buttons & controls — teks gelap di atas emas, terang di atas fill gelap */

[data-theme="light"] .btn {
  color: var(--cream);
}

[data-theme="light"] .btn:hover,
[data-theme="light"] .btn--ghost:hover,
[data-theme="light"] .tab[aria-selected="true"] {
  color: var(--ink);
}

[data-theme="light"] .value__word {
  color: var(--ink);
  background: var(--cream);
}

[data-theme="light"] .btn--purple,
[data-theme="light"] .btn--purple:hover,
[data-theme="light"] .expert__avatar,
[data-theme="light"] .value--purple .value__word {
  color: #fff;
}

[data-theme="light"] .btn--purple::before {
  background: var(--cream);
}

[data-theme="light"] .tab[aria-selected="true"]::before {
  background: var(--cream);
}

[data-theme="light"] .btn:hover {
  box-shadow: 0 18px 40px -18px rgba(29, 21, 34, 0.45);
}

[data-theme="light"] .search {
  background: #fff;
}

[data-theme="light"] .search button {
  background: var(--purple);
  color: #fff;
}

[data-theme="light"] .search button:hover {
  background: var(--cream);
  color: var(--ink);
}

/* Header, cards, surfaces */

[data-theme="light"] .site-header.is-scrolled {
  background: rgba(250, 247, 251, 0.8);
}

[data-theme="light"] .card,
[data-theme="light"] .rule,
[data-theme="light"] .expert,
[data-theme="light"] .location,
[data-theme="light"] .dialog {
  background: #fff;
  box-shadow: 0 24px 60px -40px rgba(29, 21, 34, 0.25);
}

[data-theme="light"] .deal--active {
  background: linear-gradient(160deg, rgba(146, 42, 142, 0.1), #fff 70%);
}

[data-theme="light"] .expert {
  background: var(--ink-3);
  box-shadow: none;
}

[data-theme="light"] .stat:hover {
  background: #fff;
}

[data-theme="light"] .tabs {
  background: #fff;
}

[data-theme="light"] .orb {
  opacity: 0.35;
}

[data-theme="light"] .orb--purple {
  background: #d9a5d6;
}

[data-theme="light"] .cursor-glow {
  background: radial-gradient(circle, rgba(146, 42, 142, 0.12), transparent 60%);
}

[data-theme="light"] .dialog::backdrop {
  background: rgba(29, 21, 34, 0.55);
}

[data-theme="light"] .location__map {
  filter: grayscale(1);
}

[data-theme="light"] .partner-logo {
  border: 1px solid var(--line);
  background: #fff;
  opacity: 0.85;
}

[data-theme="light"] .quick-contact__option {
  background: #fff;
  color: var(--cream);
  border: 1px solid var(--line);
}

[data-theme="light"] .quick-contact__option:hover {
  background: var(--cream);
  color: #fff;
}

[data-theme="light"] .quick-contact.is-open .quick-contact__toggle {
  background: var(--cream);
  color: #fff;
}

[data-theme="light"] .site-footer {
  background: #fff;
}

/* Teks di atas foto / gradient gelap tetap putih */

[data-theme="light"] .video-trigger,
[data-theme="light"] .hero__caption,
[data-theme="light"] .hero__badge text,
[data-theme="light"] .gallery__label,
[data-theme="light"] .post,
[data-theme="light"] .cta,
[data-theme="light"] .cta .lede,
[data-theme="light"] .cta__title,
[data-theme="light"] .channel__value {
  color: #fff;
}

[data-theme="light"] .hero__badge text {
  fill: var(--cream);
}

[data-theme="light"] .post__date,
[data-theme="light"] .channel__label {
  color: rgba(255, 255, 255, 0.72);
}

[data-theme="light"] .cta {
  background: linear-gradient(135deg, var(--purple), var(--purple-deep) 60%, #4a1a4b);
}

[data-theme="light"] .cta .eyebrow,
[data-theme="light"] .cta .eyebrow__num,
[data-theme="light"] .cta__title .italic,
[data-theme="light"] .channel svg {
  color: var(--gold);
}

[data-theme="light"] .cta .eyebrow::before {
  background: var(--gold);
}

[data-theme="light"] .channel {
  border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="light"] .marquee__item {
  font-weight: 800;
}

[data-theme="light"] .toast {
  background: var(--cream);
  color: #fff;
}