/* Website palette. App demos and native overlays own their own colors. */
:root {
  --landing-bg: #eeede6; --landing-ink: #161916; --landing-muted: #585c52;
  --landing-line: #c9c9bf; --landing-nav-border: #a1a599;
  --site-panel: #f5f5ef; --site-panel-soft: #e4e6dc;
  --site-accent: #c2f750; --site-accent-ink: #161916; --site-link: #405b15;
  --site-danger: #a82626; --site-warning: #80540b; --site-info: #285b96;
  --site-overlay: #111410b8; --site-shadow: 0 16px 48px #11141024;
  --site-font: Inter, system-ui, sans-serif;
  --site-width: 1320px; --site-gutter: clamp(20px, 5vw, 80px);
  --site-space: clamp(56px, 7vw, 100px);
  --site-radius: 0; --site-input-radius: 6px; --site-dialog-radius: 12px;
  color-scheme: light;
}
html[data-landing-theme=dark] {
  --landing-bg: #111410; --landing-ink: #f0f1e7; --landing-muted: #b0b7a7;
  --landing-line: #373e31; --landing-nav-border: #68745c;
  --site-panel: #1b1f18; --site-panel-soft: #242c1e; --site-link: #c2f750;
  --site-danger: #ff9d9d; --site-warning: #efcb78; --site-info: #9cc5fc;
  --site-shadow: 0 16px 48px #0006;
  color-scheme: dark;
}
/* Existing account scripts use these aliases. Scope excludes app internals. */
.editorial-site {
  --ink: var(--landing-ink); --ink2: var(--landing-muted);
  --ink3: var(--landing-muted); --ink4: var(--landing-line);
  --p: var(--site-link); --p2: var(--site-link); --surface: var(--landing-bg);
  --sur1: var(--site-panel); --sur2: var(--site-panel); --sur3: var(--site-panel-soft);
  --err: var(--site-danger); --r: var(--site-input-radius); --r-lg: var(--site-dialog-radius);
}