/* Menta + champanhe: somente cores e superfícies; a geometria vem do tema base. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f4f7f7;
  --ink-deep: #10232a;
  --accent: #58dfc0;
  --accent-hover: #7ce9d0;
  --mint: #58dfc0;
  --champagne: #e3bc76;
  --cream: #142d33;
  --surface: #10232a;
  --muted: #b7c7ca;
  --line: #385058;
  --tint: #19343b;
  --soft: #142d33;
  --focus: #e3bc76;
  --danger: #ffafa0;
  --shadow: 0 16px 46px #020b1040;
  color: var(--ink);
  background: var(--surface);
}

[data-theme="dark"] body { background: var(--surface); }
[data-theme="dark"] ::selection { color: var(--ink-deep); background: var(--champagne); }
[data-theme="dark"] .site-header { background: #10232afa; }
[data-theme="dark"] .main-nav > a:not(.button):hover { color: var(--accent); }
[data-theme="dark"] .brand strong span,
[data-theme="dark"] .step-number { color: var(--champagne); }
[data-theme="dark"] .hero {
  background: radial-gradient(ellipse at 78% 48%, #18353b66, transparent 63%), #10232a;
}
[data-theme="dark"] .solutions { background: #142d33; }
[data-theme="dark"] .segments {
  background: radial-gradient(ellipse at 82% 50%, #19383f55, transparent 65%), #10232a;
}
[data-theme="dark"] .tiny-square,
[data-theme="dark"] .hero-rule { background: var(--champagne); }
[data-theme="dark"] .solution-icon,
[data-theme="dark"] summary > .icon,
[data-theme="dark"] .custom-note > .icon { color: var(--accent); }
[data-theme="dark"] .solution:nth-child(even) .solution-icon { color: var(--champagne); }
[data-theme="dark"] .solution-link { color: var(--accent); }
[data-theme="dark"] .button:hover { box-shadow: 0 4px 14px #020b1038; }
[data-theme="dark"] .button-outline { color: var(--accent); border-color: var(--accent); }
[data-theme="dark"] .button-outline:hover { color: var(--accent); background: #58dfc012; border-color: var(--accent); }
[data-theme="dark"] .button-plain { color: var(--ink); }
[data-theme="dark"] .button-plain:hover { background: var(--tint); }
[data-theme="dark"] .text-link { color: var(--accent); border-color: var(--accent); }
[data-theme="dark"] .skip-link { color: var(--ink-deep); background: var(--accent); }
[data-theme="dark"] .segment-nav,
[data-theme="dark"] .segment-demo,
[data-theme="dark"] .segment-note,
[data-theme="dark"] .process-steps li,
[data-theme="dark"] .footer-bottom { border-color: var(--line); }
[data-theme="dark"] .segment-tabs button[aria-selected="true"] { color: var(--accent); }
[data-theme="dark"] .segment-tabs button:hover { background: #58dfc00d; }
[data-theme="dark"] .segment-features li > span { background: #1b3d42; color: var(--accent); }
[data-theme="dark"] .feature-tags li { color: var(--ink); background: var(--tint); border-color: var(--line); }
[data-theme="dark"] .integrations { border-color: var(--line); }
[data-theme="dark"] .integration-layout { background: #10232a; }
[data-theme="dark"] .integration-tabs { background: #19343b; }
[data-theme="dark"] .integration-tabs button[aria-selected="true"] { color: var(--ink-deep); background: var(--accent); }
[data-theme="dark"] .integration-tabs button:hover:not([aria-selected="true"]) { background: #25464d; }
[data-theme="dark"] .provider-list li { color: var(--ink); background: #19343b; }
[data-theme="dark"] .provider-list li:nth-child(3n+1) { color: var(--champagne); background: #e3bc7610; }
[data-theme="dark"] .provider-list li:nth-child(3n+2) { color: var(--accent); background: #58dfc010; }

/* Formulário e navegação por etapas. */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea,
[data-theme="dark"] .more-segments select {
  color: var(--ink);
  background: #10232a;
  border-color: #526c73;
}
[data-theme="dark"] select option { color: var(--ink); background: #10232a; }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #a2b8be; opacity: 1; }
[data-theme="dark"] input[type="checkbox"] { accent-color: var(--accent); }
[data-theme="dark"] .project-form { background: #10232a; border-color: #385058; box-shadow: 0 10px 25px #020b1028; }
[data-theme="dark"] .form-progress li > span { border-color: #526c73; }
[data-theme="dark"] .form-progress .current { color: var(--accent); }
[data-theme="dark"] .form-progress .current > span { color: var(--ink-deep); background: var(--accent); border-color: var(--accent); }
[data-theme="dark"] .form-progress .complete > span { color: var(--ink-deep); background: var(--champagne); border-color: var(--champagne); }
[data-theme="dark"] .choice { border-color: #526c73; }
[data-theme="dark"] .choice:hover { border-color: var(--accent); }
[data-theme="dark"] .choice:has(input:checked) { color: var(--ink); background: #1b3d42; border-color: var(--accent); }
[data-theme="dark"] .result-icon { color: var(--ink-deep); background: var(--accent); }

/* O tema das demonstrações é independente da página e definido em demos.css. */

@media (max-width: 700px) {
  [data-theme="dark"] .main-nav { background: #10232a; box-shadow: 0 18px 20px #020b1045; }
}