/* Maps the older pages' variables (legal, blog, careers, marketplace, support) onto tokens.css.
   Linked after each page's own <style>; :root[data-theme] outranks the :root blocks there. */
:root[data-theme] {
  --bg: var(--bg-page);
  --bg2: var(--bg-subtle);
  --card: var(--bg-card);
  --card2: var(--bg-subtle);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --dim: var(--text-secondary);
  --text-dim: var(--text-secondary);
  --orange: var(--accent);
  --orange-dark: var(--accent);
  --orange-light: var(--accent-text);
  --purple: var(--accent);
  --purple-dark: var(--accent);
  --purple-light: var(--accent-text);
  --bg3: var(--bg-subtle);
  --primary: var(--accent);
  --primary-light: var(--accent-text);
  --primary-glow: transparent;
  --font: var(--font-sans);
  --display: var(--font-sans);
}

:root[data-theme] body { background: var(--bg-page); color: var(--text-primary); }
:root[data-theme] a:not([class]) { color: var(--accent-text); }

[class*="btn-primary"], [class*="submit"], .btn-apply {
  background: var(--accent) !important;
  color: var(--accent-ink) !important;
  border-color: var(--accent) !important;
}

.btn-next-step, .progress-step-item.active .step-num-bubble { background: var(--accent); color: var(--accent-ink); }
.btn-next-step:hover { background: var(--accent-hover); }

html, body { overflow-x: clip; max-width: 100%; }
.legal-header-glow, .bg-orb { display: none; }
.btn-fullscreen-toggle, .channel-btn, .plan-toggle-btn, .faq-cat-chip, .filter-chip,
.modal-close, .mkt-search-input, .sort-select { min-height: 44px; min-width: 44px; }

:focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}