/* Canvas has an independent navigation shell: include its padded edges. */
html.light .canvas-global-navigation--creator {
  --nf-canvas-nav-bg: #F7FAFF;
  --nf-canvas-nav-fg: #10264E;
}
html.dark .canvas-global-navigation--creator {
  --nf-canvas-nav-bg: #101318;
  --nf-canvas-nav-fg: #F1F4FA;
}
.canvas-global-navigation--creator:has([data-component-id="CreatorLayoutNavContainer"][style*="color-scheme: light"]),
.canvas-global-navigation--creator:has([data-component-id="CreatorLayoutNavContainer"][style*="color-scheme:light"]) {
  --nf-canvas-nav-bg: #F7FAFF;
  --nf-canvas-nav-fg: #10264E;
}
.canvas-global-navigation--creator:has([data-component-id="CreatorLayoutNavContainer"][style*="color-scheme: dark"]),
.canvas-global-navigation--creator:has([data-component-id="CreatorLayoutNavContainer"][style*="color-scheme:dark"]) {
  --nf-canvas-nav-bg: #101318;
  --nf-canvas-nav-fg: #F1F4FA;
}
header.canvas-global-navigation.canvas-global-navigation--creator,
.canvas-global-navigation--creator .canvas-global-navigation__mobile-menu {
  background: var(--nf-canvas-nav-bg, var(--ant-color-bg-container, #F7FAFF)) !important;
  color: var(--nf-canvas-nav-fg, var(--ant-color-text, #10264E)) !important;
}