:root {
  --nav-pill-bottom: 16px;
  --nav-pill-inset: 16px;
  --nav-pill-height: 67px;
  --nav-pill-radius: 40px;
  --nav-pill-bg: rgba(255,255,255,0.96);
  --nav-pill-blur: 20px;
  --nav-pill-shadow: 0px 8px 32px rgba(0,0,0,0.12), 0px 2px 8px rgba(0,0,0,0.08);
  --nav-pill-ring: rgba(255,255,255,0.8);
  --nav-tab-radius: 28px;
  --nav-tab-color: #6C6C70;
  --nav-tab-color-active: #23003D;
  --nav-tab-bg-active: rgba(35,0,61,0.14);
  --nav-tab-icon: 22px;
  --nav-tab-label: 10px;
  --nav-fab-size: 72px;
  --nav-fab-border: 4px solid rgba(255,255,255,0.95);
  --nav-fab-bg: #23003D;
  --nav-fab-radius: 40% 60% 55% 45% / 60% 40% 60% 40%;
  --nav-fab-shadow: 0px 8px 24px rgba(35,0,61,0.55), 0px 4px 10px rgba(0,0,0,0.18);
  --nav-fab-icon: 24px;
  --map-pebble-size: 38px;
  --map-pebble-radius: 14px 18px 16px 12px;
  --map-pebble-bg: rgba(20,20,40,0.75);
  --map-pebble-border: 1.5px solid rgba(99,102,241,0.4);
  --map-pebble-blur: 8px;
  --map-pebble-recenter-border: rgba(198,1,143,0.5);
}
[data-theme="dark"], :root:not([data-theme="light"]) {
  --nav-pill-bg: rgba(28,28,30,0.96);
  --nav-pill-ring: rgba(255,255,255,0.06);
  --nav-tab-color: #8E8E93;
  --nav-tab-color-active: #23003D;
}