/* The existing v2 cabinet is the single token source for every PixorAds surface. */
:root {
  --cabinet-ink: #202b3c; --cabinet-muted: #5b687c; --cabinet-canvas: #f1f3f7;
  --cabinet-panel: #fff; --cabinet-soft: #f5f7fa; --cabinet-line: #e4e9f0;
  --cabinet-accent: #064b3d; --cabinet-selected: #dff6e9;
  --cabinet-action: #202b3c; --cabinet-action-ink: #fff;
  --cabinet-on-accent: #fff;
  --cabinet-brand: #62e9aa; --cabinet-brand-ink: #064b3d;
  --cabinet-logo-ink: var(--cabinet-ink); --cabinet-logo-accent: #62836f;
  --cabinet-logo-orbit: #62836f; --cabinet-logo-muted: var(--cabinet-muted);
  --cabinet-forest: #064b3d; --cabinet-forest-ink: #fff;
  --cabinet-danger: #b42318; --cabinet-danger-soft: #fff1ef;
  --cabinet-warning: #94620e; --cabinet-warning-soft: #fff5df;
  --cabinet-info: #3666ad; --cabinet-info-soft: #eaf2ff;
  --cabinet-violet: #7653ad; --cabinet-violet-soft: #f0eafa;
  --cabinet-success: var(--cabinet-accent); --cabinet-success-soft: var(--cabinet-selected);
  --cabinet-font: Onest, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cabinet-font-body: 14px; --cabinet-font-label: 12px; --cabinet-font-caption: 11px;
  --cabinet-weight-body: 400; --cabinet-weight-label: 550; --cabinet-weight-title: 650;
  --cabinet-space-1: 4px; --cabinet-space-2: 8px; --cabinet-space-3: 12px;
  --cabinet-space-4: 16px; --cabinet-space-5: 20px; --cabinet-space-6: 24px; --cabinet-space-8: 32px;
  --cabinet-radius-small: 8px; --cabinet-radius-control: 12px;
  --cabinet-radius-card: 22px; --cabinet-radius-hero: 24px; --cabinet-radius-pill: 999px;
  --cabinet-control-height: 44px; --cabinet-field-height: 52px;
  --cabinet-shadow-panel: 0 8px 24px #17263606; --cabinet-shadow-overlay: 0 24px 80px #0b101830;
  --cabinet-focus-color: color-mix(in srgb, var(--cabinet-accent) 24%, transparent);
  --cabinet-focus-ring: none;
  --cabinet-backdrop: #0b1018b3; --cabinet-motion-duration: 160ms; --cabinet-motion-ease: ease;
  --cabinet-disabled-opacity: .5;

  /* Compatibility names point to this spine; they no longer own another palette. */
  --theme-bg: var(--cabinet-canvas); --theme-bg-elevated: var(--cabinet-soft);
  --theme-surface-1: var(--cabinet-panel); --theme-surface-2: var(--cabinet-soft); --theme-surface-3: var(--cabinet-soft);
  --theme-input: var(--cabinet-soft); --theme-border: var(--cabinet-line); --theme-divider: var(--cabinet-line);
  --theme-border-strong: color-mix(in srgb, var(--cabinet-muted) 35%, var(--cabinet-line));
  --theme-text-primary: var(--cabinet-ink); --theme-text-secondary: var(--cabinet-muted); --theme-text-muted: var(--cabinet-muted);
  --theme-accent: var(--cabinet-accent); --theme-accent-soft: var(--cabinet-selected);
  --theme-success: var(--cabinet-success); --theme-warning: var(--cabinet-warning); --theme-danger: var(--cabinet-danger); --theme-info: var(--cabinet-info);
  --owner-bg: var(--cabinet-canvas); --owner-bg-soft: var(--cabinet-soft); --owner-input: var(--cabinet-soft);
  --owner-card: var(--cabinet-panel); --owner-card-solid: var(--cabinet-panel); --owner-shadow: var(--cabinet-shadow-panel);
  --owner-text: var(--cabinet-ink); --owner-muted: var(--cabinet-muted); --owner-subtle: var(--cabinet-muted);
  --owner-line: var(--cabinet-line); --owner-border: var(--cabinet-line); --owner-accent-ink: var(--cabinet-accent);
  --owner-mint: var(--cabinet-accent); --owner-lime: var(--cabinet-selected);
  --owner-blue: var(--cabinet-info); --owner-violet: var(--cabinet-violet); --owner-danger: var(--cabinet-danger); --owner-warning: var(--cabinet-warning);
  --ink: var(--cabinet-ink); --text: var(--cabinet-ink); --muted: var(--cabinet-muted);
  --line: var(--cabinet-line); --border: var(--cabinet-line); --card: var(--cabinet-panel); --panel: var(--cabinet-panel);
  --surface: var(--cabinet-panel); --surface-subtle: var(--cabinet-soft); --accent: var(--cabinet-accent); --danger: var(--cabinet-danger);
  --mint: var(--cabinet-accent); --lime: var(--cabinet-selected);
  --scroll-track: var(--cabinet-canvas); --scroll-thumb: var(--cabinet-line); --scroll-thumb-hover: var(--cabinet-muted);
  --light-canvas: var(--cabinet-canvas); --light-panel: var(--cabinet-panel); --light-panel-soft: var(--cabinet-soft);
  --light-tint: var(--cabinet-selected); --light-line: var(--cabinet-line); --light-ink: var(--cabinet-ink);
  --light-muted: var(--cabinet-muted); --light-accent: var(--cabinet-accent); --light-shadow: var(--cabinet-shadow-panel);
  --premium-canvas: var(--cabinet-canvas); --premium-paper: var(--cabinet-panel); --premium-soft: var(--cabinet-soft);
  --premium-line: var(--cabinet-line); --premium-line-strong: var(--theme-border-strong);
  --premium-ink: var(--cabinet-ink); --premium-muted: var(--cabinet-muted); --premium-action: var(--cabinet-action);
  --premium-action-hover: color-mix(in srgb, var(--cabinet-action) 94%, var(--cabinet-action-ink));
  --premium-selected: var(--cabinet-selected); --premium-shadow: var(--cabinet-shadow-panel); --premium-overlay-shadow: var(--cabinet-shadow-overlay);
  --light-icon-green: var(--cabinet-accent); --light-icon-blue: var(--cabinet-info); --light-icon-violet: var(--cabinet-violet);
  --light-icon-amber: var(--cabinet-warning); --light-icon-cyan: var(--cabinet-info);
  --light-icon-tint: var(--cabinet-selected); --light-blue-tint: var(--cabinet-info-soft); --light-violet-tint: var(--cabinet-violet-soft);
  --light-amber-tint: var(--cabinet-warning-soft); --light-cyan-tint: var(--cabinet-info-soft);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --cabinet-ink: #eff2f5; --cabinet-muted: #a2acb9; --cabinet-canvas: #11151a;
  --cabinet-panel: #1a2028; --cabinet-soft: #232b35; --cabinet-line: #303944;
  --cabinet-accent: #8ce3ba; --cabinet-selected: #233d34;
  --cabinet-action: #e5eaf0; --cabinet-action-ink: #19212b;
  --cabinet-on-accent: #13261c;
  --cabinet-logo-accent: #8ef5ad; --cabinet-logo-orbit: #d5ffd5;
  --cabinet-danger: #ffb2aa; --cabinet-danger-soft: #39272a;
  --cabinet-warning: #e9c276; --cabinet-warning-soft: #383226;
  --cabinet-info: #93b7ed; --cabinet-info-soft: #233246;
  --cabinet-violet: #c4a9ef; --cabinet-violet-soft: #302941;
  --cabinet-shadow-panel: none; --cabinet-shadow-overlay: 0 24px 80px #0006;
  color-scheme: dark;
}

/* Standalone pages have no theme bootstrap. Explicit preferences still win. */
@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  --cabinet-ink: #eff2f5; --cabinet-muted: #a2acb9; --cabinet-canvas: #11151a;
  --cabinet-panel: #1a2028; --cabinet-soft: #232b35; --cabinet-line: #303944;
  --cabinet-accent: #8ce3ba; --cabinet-selected: #233d34;
  --cabinet-action: #e5eaf0; --cabinet-action-ink: #19212b;
  --cabinet-on-accent: #13261c;
  --cabinet-logo-accent: #8ef5ad; --cabinet-logo-orbit: #d5ffd5;
  --cabinet-danger: #ffb2aa; --cabinet-danger-soft: #39272a;
  --cabinet-warning: #e9c276; --cabinet-warning-soft: #383226;
  --cabinet-info: #93b7ed; --cabinet-info-soft: #233246;
  --cabinet-violet: #c4a9ef; --cabinet-violet-soft: #302941;
  --cabinet-shadow-panel: none; --cabinet-shadow-overlay: 0 24px 80px #0006;
  color-scheme: dark;
}
}