:root {
  --navy: #0b1220;
  --brand: #5b9fff;
  --brand-deep: #3d86e8;
  --background: #ffffff;
  --foreground: #0b1220;
  --muted: #f4f6f9;
  --muted-foreground: #6b7280;
  --border: #e6e8ee;
  --white: #ffffff;
  --radius: 0.375rem;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --shadow: 0 12px 40px rgba(11, 18, 32, 0.12);
  --header-h: 108px;
  --header-top-h: 56px;
  --header-nav-h: 52px;
  --header-border: rgba(255, 255, 255, 0.14);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --header-offset: calc(var(--header-h) + var(--safe-top));
  --wrap-pad: 24px;
  --wrap: 1200px;
  --z-header: 40;
  --z-backdrop: 55;
  --z-search: 56;
  --z-nav: 60;
  --z-modal: 70;
  --z-float: 80;
  --z-progress: 90;
  --z-cookie: 95;
  --z-skip: 100;
}