/*
 * Palette for the standalone legal pages (terms, privacy, security, risk
 * disclosure). These are served as static HTML outside the React app, so they
 * cannot read the app's theme provider - they resolve the mode themselves from
 * the same `eta-theme-mode` key the in-app toggle writes, falling back to the
 * operating system preference.
 *
 * Dark values are the ones these pages have always used and are deliberately
 * left untouched; only the light variants are new.
 */
:root {
  --legal-bg: #0b0b0f;
  --legal-text: #ffffff;
  --legal-text-muted: #c5c5c5;
  --legal-accent: #acfadf;
  --legal-accent-alt: #e8ffce;
  --legal-accent-strong: #62f9d6;
}

@media (prefers-color-scheme: light) {
  :root {
    --legal-bg: #edf1ef;
    --legal-text: #0f172a;
    --legal-text-muted: #5b6470;
    --legal-accent: #0b8a5b;
    --legal-accent-alt: #0a6e49;
    --legal-accent-strong: #0b8a5b;
  }
}

/* An explicit choice from the in-app toggle wins over the system preference. */
:root[data-theme='light'] {
  --legal-bg: #edf1ef;
  --legal-text: #0f172a;
  --legal-text-muted: #5b6470;
  --legal-accent: #0b8a5b;
  --legal-accent-alt: #0a6e49;
  --legal-accent-strong: #0b8a5b;
}

:root[data-theme='dark'] {
  --legal-bg: #0b0b0f;
  --legal-text: #ffffff;
  --legal-text-muted: #c5c5c5;
  --legal-accent: #acfadf;
  --legal-accent-alt: #e8ffce;
  --legal-accent-strong: #62f9d6;
}