/* KPROMETR: one palette for public pages, workspaces and administration. */
html[data-theme="light"], html[data-theme="light"] body.editorial-site {
  color-scheme: light;
  --bg: #f1f0eb; --surface: #fcfcfa; --surface-soft: #e8edf0; --surface-raised: #fcfcfa;
  --ink: #26323b; --muted: #5e707c; --line: #d1d9de;
  --brand: #245e78; --brand-dark: #17475e; --brand-pale: #e2edf3; --action-text: #fcfcfa;
  --danger: #b13939; --danger-pale: #fbeeee; --warning: #886016; --warning-pale: #fff5df;
  --shadow-overlay: 0 18px 56px rgb(24 36 29 / 16%);
}
html[data-theme="dark"], html[data-theme="dark"] body.editorial-site {
  color-scheme: dark;
  --bg: #1a2730; --surface: #22333e; --surface-soft: #2b3e4b; --surface-raised: #324955;
  --ink: #eff3f5; --muted: #b8c5ce; --line: #435967;
  --brand: #b0d0e1; --brand-dark: #cbe0ec; --brand-pale: #2a424f; --action-text: #17303f;
  --danger: #f19b99; --danger-pale: #3a2726; --warning: #e6c283; --warning-pale: #393323;
  --shadow-overlay: 0 18px 56px rgb(0 0 0 / 36%);
}
:root {
  --radius-control: 6px; --radius-panel: 4px; --radius-dialog: 14px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --control-height: 44px;
  --motion-fast: 140ms; --motion-panel: 180ms;
}
body.editorial-site {
  --text: var(--ink); --accent: var(--brand); --panel: var(--surface); --mint: var(--brand); --gold: var(--warning);
  --platform-muted: var(--muted); --platform-line: var(--line);
  --refresh-text: var(--ink); --refresh-muted: var(--muted);
  /* Compatibility aliases: existing controls inherit the same neutral surfaces. */
  --premium-edge: var(--line); --premium-glass: var(--surface); --premium-shadow: none;
  --premium-action: var(--brand); --premium-action-text: var(--action-text); --shadow: none;
}