/* C · Smart Fox dark palette. Load last. The light theme and A are untouched.
   Brand accent comes from the original CTA (#d6f54a → #c5ea2c in brand.css).
   Black carries the composition; yellow is reserved for controls and signals. */
html[data-theme="dark"] body.pilotage {
  --paper: #080808;
  --panel: #141414;
  --ink: #f3f3f3;
  --muted: #a9a9a9;
  --line: #303030;
  --lime: #d6f54a;
  --accent: #d6f54a;
  --contact-surface: #101010;
  --form-surface: #151515;
  --form-border: #393939;
  --field-surface: #1b1b1b;
  --field-border: #505050;
  --form-error: #ffb4a8;
  --focus: #d6f54a;
  background: var(--paper);
  color: var(--ink);
}

html[data-theme="dark"] .pilotage .hero .hero-kicker { color: var(--muted); }
html[data-theme="dark"] .pilotage .hero .hero-statement em { color: #fff; }
html[data-theme="dark"] .pilotage .eyebrow i { background: var(--accent); }
html[data-theme="dark"] .pilotage .skip { color: #101010; }
html[data-theme="dark"] .pilotage .button:not(.sf-cta) { color: #101010; }
html[data-theme="dark"] .pilotage .button:not(.sf-cta):hover { background: #e0fa7b; }
html[data-theme="dark"] .pilotage :is(.sector-tabs button,.planning-scenarios button,.planning-mobile-months > button)[aria-pressed="true"],
html[data-theme="dark"] .pilotage :is(.planning-bar.priority.is-active,.planning-agenda-row.priority .planning-agenda-node) { color: #101010; }
html[data-theme="dark"] .pilotage .planning-mobile-months > button[aria-pressed="true"] { box-shadow: inset 0 -2px 0 #101010; }
html[data-theme="dark"] .pilotage .form-card .channels input { accent-color: var(--accent); }
html[data-theme="dark"] .pilotage .form-card .button:not(.sf-cta) { color: #101010; }
html[data-theme="dark"] .pilotage .form-card .button:not(.sf-cta):hover { background: #e0fa7b; border-color: #e0fa7b; }

/* Large surfaces stay black, including the project lead and the mid-page CTA. */
html[data-theme="dark"] .pilotage .c-system-hub {
  background: #1b1b1b;
  color: var(--ink);
  border-color: #505050;
  box-shadow: 0 16px 40px #0004;
}
html[data-theme="dark"] .pilotage .c-system-hub p { color: #b8b8b8; }
html[data-theme="dark"] .pilotage .c-system-emblem i { background: var(--accent); }
html[data-theme="dark"] .pilotage .c-hub-tag { border-color: #505050; color: #c7c7c7; }
html[data-theme="dark"] .pilotage .c-project-lead {
  background: #151515;
  color: var(--ink);
  border: 1px solid var(--line);
  border-top: 2px solid var(--accent);
}
html[data-theme="dark"] .pilotage .c-project-lead h3 { color: #fff; }
html[data-theme="dark"] .pilotage :is(.c-project-lead > p,.c-lead-rhythm p) { color: #b8b8b8; }
html[data-theme="dark"] .pilotage :is(.c-lead-experience,.c-lead-rhythm) { border-color: #393939; }
html[data-theme="dark"] .pilotage .c-lead-experience > strong { color: var(--accent); }
html[data-theme="dark"] .pilotage .c-lead-foot { background: #080808; color: #bdbdbd; }
html[data-theme="dark"] .pilotage .c-lead-foot strong { color: #fff; }
html[data-theme="dark"] .pilotage .sf-mid-cta { background: #151515; color: var(--ink); border-color: #393939; }
html[data-theme="dark"] .pilotage .sf-mid-message p { color: var(--ink); }
html[data-theme="dark"] .pilotage .sf-mid-action .sf-cta-micro { color: var(--muted); }
html[data-theme="dark"] .pilotage .sf-conversion-mark { color: var(--accent); border-color: #505050; }
html[data-theme="dark"] .pilotage .sf-mid-cta:hover .sf-conversion-mark { background: #242424; color: var(--accent); }
html[data-theme="dark"] body.pilotage .sf-mid-cta .sf-cta.sf-cta { background: #f1f1f3; color: #1a1a1e; }
html[data-theme="dark"] body.pilotage .sf-mid-cta .sf-cta.sf-cta:hover { background: #fff; color: #1a1a1e; }
html[data-theme="dark"] .pilotage .sf-mid-cta .sf-cta:focus-visible { outline-color: var(--focus); }

/* The animated production objects use neutral surfaces, not an olive canvas. */
html[data-theme="dark"] .pilotage .c-hero-cycle {
  --cycle-card: #0d0d0d;
  --cycle-soft: #242424;
  --cycle-grid: #ffffff0e;
  --cycle-mock: #e9e9e9;
  --cycle-mock-ink: #242424;
  --cycle-route: #777;
}
html[data-theme="dark"] .pilotage .c-cycle-node { box-shadow: 0 5px 16px #0002; }
html[data-theme="dark"] .pilotage .c-cycle-node.is-active { box-shadow: 0 0 0 1px #7773, 0 8px 20px #0003; }
html[data-theme="dark"] .pilotage .c-cycle-search { border-color: #7775; }
html[data-theme="dark"] .pilotage :is(.c-cycle-ad,.c-cycle-email) { background: #333; border-color: #525252; color: #fafafa; }
html[data-theme="dark"] .pilotage .c-cycle-ad-mark { background: var(--accent); color: #111; }
html[data-theme="dark"] .pilotage .c-cycle-ad-line { background: #c7c7c766; }
html[data-theme="dark"] .pilotage .c-cycle-chip { background: #f3f3f3; border-color: #b8b8b8; color: #303030; box-shadow: 0 3px 8px #0002; }
html[data-theme="dark"] .pilotage .c-cycle-chip i { background: #606060; }
html[data-theme="dark"] .pilotage :is(.c-cycle-page,.c-cycle-contact,.c-cycle-review) { border-color: #aaa8; }
html[data-theme="dark"] .pilotage .c-cycle-page { box-shadow: 0 5px 12px #0002; }
html[data-theme="dark"] .pilotage .c-cycle-browser { border-color: #c9c9c9; }
html[data-theme="dark"] .pilotage .c-cycle-browser i { background: #aaa; }
html[data-theme="dark"] .pilotage .c-cycle-browser span { color: #666; }
html[data-theme="dark"] .pilotage .c-cycle-page-cta { background: #2b2b2b; color: #fff; }
html[data-theme="dark"] .pilotage .c-cycle-page-art { background: #d7d7d7; }
html[data-theme="dark"] .pilotage .c-cycle-page-art span { background: #858585; }
html[data-theme="dark"] .pilotage .c-cycle-page-art span:nth-child(2) { background: #aaa; }
html[data-theme="dark"] .pilotage .c-cycle-page-art span:nth-child(3) { background: #c9c9c9; }
html[data-theme="dark"] .pilotage .c-cycle-contact-avatar { background: #d5d5d5; }
html[data-theme="dark"] .pilotage :is(.c-cycle-contact div > span,.c-cycle-contact > i,.c-cycle-review-label,.c-cycle-review > div > i) { color: #666; }
html[data-theme="dark"] .pilotage .c-cycle-email-icon { color: var(--accent); }
html[data-theme="dark"] .pilotage :is(.c-cycle-email small,.c-cycle-email div > span) { color: #c9c9c9; }
html[data-theme="dark"] .pilotage :is(.c-cycle-check,.c-cycle-adjust) { background: #d9d9d9; color: #444; }
html[data-theme="dark"] .pilotage .c-cycle-next { background: var(--accent); color: #151515; border-color: #bfd542; box-shadow: 0 4px 10px #0002; }
html[data-theme="dark"] .pilotage .c-cycle-bars i { background: #454545; }

/* Illustrative deliverables retain real photos and independent readable text. */
html[data-theme="dark"] .pilotage :is(.landing-preview,.ad-preview) { background: #252525; }
html[data-theme="dark"] .pilotage .industry-page { background: #ececea; color: #242424; }
html[data-theme="dark"] .pilotage .industry-page .eyebrow { color: #333; }
html[data-theme="dark"] .pilotage .industry-page p { color: #646464; }
html[data-theme="dark"] .pilotage .industry-page .mock-button { background: #242424; color: #fff; }
html[data-theme="dark"] .pilotage .mini-specs { color: #646464; }
html[data-theme="dark"] .pilotage .concept-ad { background: #111; color: #f3f3f3; }
html[data-theme="dark"] .pilotage .concept-chip { color: #333; }
html[data-theme="dark"] .pilotage .mail-head > b { color: #111; }

/* Player chrome only: the existing MP4/poster keeps its original artwork. */
html[data-theme="dark"] .pilotage :is(.film-player,.film-screen,.film-chapters) { background: #080808; color: #f3f3f3; }
html[data-theme="dark"] .pilotage .film-start { background: #f3f3f3; color: #111; }
html[data-theme="dark"] .pilotage .film-start small { color: #666; }
html[data-theme="dark"] .pilotage .film-play-icon { background: var(--accent); color: #111; }
html[data-theme="dark"] .pilotage .film-controls { border-color: #303030; background: #151515; }
html[data-theme="dark"] .pilotage .film-controls button { color: #f3f3f3; }
html[data-theme="dark"] .pilotage .film-toggle > span:first-child { color: var(--accent); }
html[data-theme="dark"] .pilotage .film-range::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--accent) var(--progress,0%), #4d4d4d var(--progress,0%)); }
html[data-theme="dark"] .pilotage .film-range::-moz-range-track { background: linear-gradient(to right, var(--accent) var(--progress,0%), #4d4d4d var(--progress,0%)); }
html[data-theme="dark"] .pilotage .film-range::-webkit-slider-thumb { background: var(--accent); border-color: #151515; box-shadow: 0 0 0 1px var(--accent); }
html[data-theme="dark"] .pilotage .film-range::-moz-range-thumb { background: var(--accent); border-color: #151515; }
html[data-theme="dark"] .pilotage .film-time { color: #f3f3f3; }
html[data-theme="dark"] .pilotage :is(.film-time > span:last-child,.film-silent) { color: #aaa; }
html[data-theme="dark"] .pilotage .film-controls .film-replay { color: #ccc; }
html[data-theme="dark"] .pilotage .film-chapters { border-color: #303030; scrollbar-color: #777 #151515; }
html[data-theme="dark"] .pilotage .film-chapters button { border-color: #303030; color: #aaa; }
html[data-theme="dark"] .pilotage .film-chapters button:hover { color: #fff; background: #202020; }
html[data-theme="dark"] .pilotage .film-chapters button[aria-current="true"] { background: #242424; color: #fff; box-shadow: inset 0 -2px var(--accent); }
html[data-theme="dark"] .pilotage .film-end { background: #080808ee; }
html[data-theme="dark"] .pilotage .film-end > p { color: #ccc; }
html[data-theme="dark"] .pilotage .film-end > button { border-color: #777; color: #eee; }
html[data-theme="dark"] .pilotage .film-error { background: #202020; }
html[data-theme="dark"] .pilotage .film-error a { color: var(--accent); }