/* Shell tokens: only layout-region variables live here. */
:root {
  --shell-sidebar-width: var(--layout-sidebar-width, 230px);
  --shell-page-max-width: var(--layout-page-max-width, 1500px);
  --shell-page-gutter: var(--layout-page-x, 28px);
  --shell-region-gap: 20px;
  --shell-sidebar-bg: var(--theme-left-nav-bg, var(--surface));
  --shell-sidebar-border: var(--theme-border-soft, var(--line));
  --shell-topbar-bg: var(--theme-surface, var(--surface));
  --shell-topbar-border: var(--theme-border-soft, var(--line));
  --shell-hero-bg: var(--theme-surface, var(--surface));
  --shell-hero-side-bg: var(--theme-surface-high, var(--surface-soft));
  --shell-content-bg: transparent;
  --shell-main-bg: transparent;
  --shell-aside-bg: var(--theme-surface, var(--surface));
  --shell-panel-border: var(--theme-border-soft, var(--line));
  --shell-panel-shadow: var(--theme-shadow-card, var(--shadow));
}

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