/*
=============================================================
  Focus Un, LTD — theme.css v1
  Automatic light mode. Loads after style.css on every page.
  Dark stays the default; light applies only when the
  visitor's device is set to light appearance.
  © 2026 Focus Un, Limited. All Rights Reserved.
=============================================================
*/

:root { color-scheme: dark light; }

@media (prefers-color-scheme: light) {

  /* ── Tokens ── */
  :root {
    color-scheme: light;
    --bg: #f0eeeb;
    --bg-2: #e8e5e1;
    --surface: #ffffff;
    --surface-2: #f7f6f4;
    --line: #d6d2cc;
    --line-2: #c4bfb8;
    --text: #141414;
    --text-2: #5e5a55;
    --text-3: #6b6661;
    --red-soft: rgba(232,28,28,0.08);
  }

  /* ── Headings, prices, and active states (white in dark mode) ── */
  .section-title, .brand-word, .nav-links a:hover, .nav-links a.active-link, .nav-cta,
  .mobile-close, .mobile-menu .mob, .btn-ghost:hover, .btn-back:hover,
  .hero-headline, .proof-num, .philosophy-text p strong, .pillar h3, .quote-text,
  .tab-btn:hover, .tab-btn.active, .card-price, .card-name, .card-link,
  .plan-block h3, .tier-name, .tier-price, .spec-card h3, .spec-price,
  .step-title, .promo-title, .book-title, .macro-card h3, .fg-name,
  .calc-title, .calc-result-value, .fu-input, .step-question, .rc-label,
  .promise-title, .tc-name, .social-link:hover, .footer-logo,
  .footer-links a:hover, .footer-links a[aria-current="page"],
  .footer-social-link:hover, .soon-name { color: #141414; }

  .brand-word.thin { color: rgba(20,20,20,0.62); }

  /* White text stays on red */
  .nav-cta:hover, .card-link:hover, .btn-primary, .btn-next, .btn-submit,
  .card-flag, .tier-flag { color: #fff; }

  /* Small red text uses a deeper red on light backgrounds for contrast */
  .section-label, .hero-eyebrow, .promo-kicker, .tier-save, .spec-num, .step-label { color: #c41414; }

  /* ── Surfaces ── */
  nav.scrolled { background: rgba(240,238,235,0.86); }
  .mobile-menu { background: rgba(240,238,235,0.97); }
  .hamburger span { background: #141414; }
  .service-card { background: var(--surface); }
  .tc-num { color: #fff; }

  /* Scan lines and ghost watermarks, inverted to dark ink */
  .hero-bg {
    background:
      radial-gradient(ellipse 60% 70% at 80% 30%, rgba(232,28,28,0.08), transparent 65%),
      repeating-linear-gradient(0deg, rgba(20,20,20,0.025) 0 1px, transparent 1px 4px);
  }
  #hero::after { -webkit-text-stroke-color: rgba(20,20,20,0.07); }
  .contact-bg-text { -webkit-text-stroke-color: rgba(20,20,20,0.07); }

  /* ── Forms ── */
  .fu-input:hover, .radio-card:hover { border-color: #8d8984; }

  /* ── Mobile booking bar ── */
  .m-cta { box-shadow: 0 12px 30px -8px rgba(20,20,20,0.25); }
}