/* Shell tokens: only layout-region variables live here. */
:root {
  --shell-sidebar-width: 235px;
  --shell-left-panel-width: 380px;
  --shell-page-max-width: 1500px;
  --shell-page-gutter: 28px;
  --shell-region-gap: 20px;
  --theme-left-nav-bg: #101820;
  --theme-border-soft: #d8dee6;
  --theme-surface: #ffffff;
  --theme-surface-high: #f8fafc;
  --theme-surface-highest: #eef4f7;
  --theme-text: #17202a;
  --theme-muted: #607080;
  --theme-primary: #176b87;
  --shell-sidebar-bg: #101820;
  --shell-sidebar-border: rgba(255, 255, 255, .08);
  --shell-hero-bg: var(--theme-surface);
  --shell-hero-side-bg: var(--theme-surface-high);
  --shell-aside-bg: var(--theme-surface);
  --shell-panel-border: var(--theme-border-soft);
  --shell-panel-shadow: var(--theme-shadow-card, none);
}

body.theme-shell {
  --shell-page-max-width: min(1650px, 90vw);
  --shell-region-gap: 22px;
}