:root {
  --frn-z-index: 1000;
  --frn-height-desktop: 56px;
  --frn-height-mobile: 52px;
  --frn-content-max-width: var(--layout-max-width);
  --frn-gutter: var(--layout-gutter);
  --frn-bar-background: var(--bg);
  --frn-bar-border: var(--border);
  --frn-link-color: var(--text);
  --frn-link-hover: var(--gray-600);
  --frn-font-size: var(--type-nav-bar-size);
  --frn-font-weight: var(--type-nav-bar-weight);
  --frn-line-height: var(--type-nav-bar-line-height);
  --frn-letter-spacing: var(--type-nav-bar-letter-spacing);
  --frn-drawer-background: var(--surface);
  --frn-drawer-tile-radius: var(--radius-lg);
  --frn-drawer-transition: transform var(--dur-base) var(--ease-out-soft), opacity var(--dur-fast) ease;
  --frn-breakpoint: 1024px;
}