/* ============================================================
   PATCH PERFECT — DARK MODE (loads last, after ui-layer.css)
   DARK MODE — surfaces flip, brand colors hold. Navy fields
   (partner strip, final CTA, footer) stay navy by design.
   ============================================================ */
[data-theme="dark"] {
  --surface-page: #0F1E2C; --surface-card: #16273A; --surface-sunk: #17293C;
  --bg: #0F1E2C; --fg: #EDF3FA; --fg-muted: #AEC0D5; --fg-subtle: #8496AB;
  --border: #263D55; --border-strong: #3A5471;
  --pp-blue-100: #14304C; --pp-blue-300: #33739F; --pp-blue-700: #8CC2FA; --pp-blue-800: #B6D8FB;
  --pp-copper-100: #3A2416; --pp-copper-700: #EE9457;
  --pp-proof-100: #12301F; --pp-proof-700: #7FD3AA;
  color-scheme: dark;
}
[data-theme="dark"] body { background: var(--surface-page); }
[data-theme="dark"] .pmu-app, [data-theme="dark"] .page-header, [data-theme="dark"] .section--sand, [data-theme="dark"] .estimate-page { background: var(--surface-page); }
[data-theme="dark"] .hero { background: radial-gradient(1100px 520px at 92% -30%, rgba(74,163,255,0.12), transparent 65%), var(--surface-page); }
[data-theme="dark"] .landing-hero { background: radial-gradient(1000px 480px at 8% -20%, rgba(74,163,255,0.12), transparent 65%), var(--surface-page); }
[data-theme="dark"] .section--plaster, [data-theme="dark"] .deadline-band, [data-theme="dark"] .values-strip { background: var(--surface-sunk); }
[data-theme="dark"] .nav { background: rgba(15,30,44,0.92); }
[data-theme="dark"] .hero-card, [data-theme="dark"] .situation-tile, [data-theme="dark"] .process-step, [data-theme="dark"] .proof-card,
[data-theme="dark"] .proof-filter, [data-theme="dark"] .price-card, [data-theme="dark"] .deadline-card, [data-theme="dark"] .partner-feature-card,
[data-theme="dark"] .landing-process .step, [data-theme="dark"] .scope-list, [data-theme="dark"] .faq-item, [data-theme="dark"] .estimate-shell,
[data-theme="dark"] .option-card, [data-theme="dark"] .photo-tile, [data-theme="dark"] .timeline-row, [data-theme="dark"] .role-card,
[data-theme="dark"] .careers-subnav, [data-theme="dark"] .posting, [data-theme="dark"] .apply-pill,
[data-theme="dark"] .card-patch, [data-theme="dark"] .surface-card, [data-theme="dark"] .service-tile,
[data-theme="dark"] .input, [data-theme="dark"] .textarea, [data-theme="dark"] .select { background: var(--surface-card); color: var(--fg); }
[data-theme="dark"] .proof-card .imgs .ba-frame, [data-theme="dark"] .ba-frame { background: var(--surface-sunk); }
[data-theme="dark"] .pmu-app :is(h1, h2, h3, h4), [data-theme="dark"] .price-card .price, [data-theme="dark"] .option-card .ttl,
[data-theme="dark"] .deadline-row .what, [data-theme="dark"] .timeline-row .lbl, [data-theme="dark"] .hero-card-meta .val { color: var(--fg); }
[data-theme="dark"] .hero-h1 .loop-word { color: var(--pp-finish); }
[data-theme="dark"] .nav-links a, [data-theme="dark"] .nav-phone { color: var(--fg); }
[data-theme="dark"] .nav-links a:hover, [data-theme="dark"] .nav-links a.is-active, [data-theme="dark"] .nav-phone:hover { color: var(--pp-finish); }
[data-theme="dark"] .nav-links a.is-active { border-bottom-color: var(--pp-finish); }
[data-theme="dark"] .btn-secondary { color: var(--fg); border-color: var(--border-strong); }
[data-theme="dark"] .btn-secondary:hover { background: var(--pp-blue); color: #fff; border-color: var(--pp-blue); }
[data-theme="dark"] .btn-primary { background: var(--pp-blue); color: #fff; }
[data-theme="dark"] .btn-primary:hover { background: var(--pp-finish); color: var(--pp-navy); }
[data-theme="dark"] .price-card.is-featured, [data-theme="dark"] .situation-tile.is-partner { background: #0A1725; border-color: #0A1725; }
[data-theme="dark"] .partners, [data-theme="dark"] .final-cta, [data-theme="dark"] .partner-hero, [data-theme="dark"] .section--graphite { background: #0A1725; }
[data-theme="dark"] .footer { background: #060D14; }
[data-theme="dark"] .nav-logo-img { background: #F5F7FA; padding: 5px 10px; border-radius: var(--radius-sm); box-sizing: content-box; }
[data-theme="dark"] .photo-add { color: var(--pp-finish); }
[data-theme="dark"] mark.pending { color: var(--pp-copper-700); }

/* Warm-neutral tokens from ui-layer.css get cool dark values here */
[data-theme="dark"] { --pp-wall: #0F1E2C; --pp-wall-deep: #0C1826; --pp-plaster: #17293C; --pp-plaster-deep: #24405B; --pp-paper: #16273A; }
[data-theme="dark"] .ba-tag { background: rgba(245,247,250,0.94); color: #0D1B2A; }
[data-theme="dark"] .badge-proof, [data-theme="dark"] .proof-stamp { background: #17293C; color: var(--fg); border-color: var(--border-strong); }
[data-theme="dark"] .hero-card .badge-proof .dot, [data-theme="dark"] .proof-card .badge-proof .dot { background: var(--pp-finish); }
[data-theme="dark"] .ba-tag.after { background: #0A1725; color: var(--pp-wall-fixed, #F5F7FA); }
[data-theme="dark"] .partner-card { background: rgba(245,247,250,0.05); }

/* Light-plate controls on navy fields keep a real light plate */
[data-theme="dark"] .btn-on-dark { background: #F5F7FA; color: #0D1B2A; }
[data-theme="dark"] .btn-on-dark:hover { background: #fff; }
[data-theme="dark"] .ba-tag.after { background: #0A1725; color: #F5F7FA; }
[data-theme="dark"] .photo-tile .num { background: rgba(245,247,250,0.94); color: #0D1B2A; }