:root {
  --cpw-site-max-width: 1280px;
  --cpw-header-max-width: 1400px;
  --cpw-header-gutter: 16px;
  --cpw-header-height: 64px;
  --cpw-header-panel-radius: 8px;
  --cpw-header-button-radius: 4px;
  --cpw-admin-bar-offset: 0px;
  --cpw-color-white: #ffffff;
  --cpw-color-dark-blue: #00283b;
  --cpw-color-blue: #00a5ec;
  --cpw-color-royal-blue: #3bc0ff;
  --cpw-color-other-blue: #229fca;
  --cpw-color-text-blue: #0072b5;
  --cpw-color-text-blue-hover: #006faf;
  --cpw-color-callout-warning-surface: #faeeda;
  --cpw-color-callout-warning-accent: #ba7517;
  --cpw-color-callout-warning-text: #633806;
  --cpw-color-rating-star: #f5b301;
  --cpw-color-sky-wash: oklch(96% 0.01 260);
  --cpw-color-editorial-wash: oklch(97.4% 0.006 260);
  --cpw-color-ink: oklch(15% 0.02 260);
  --cpw-color-ink-secondary: oklch(36% 0.016 260);
  --cpw-color-ink-tertiary: oklch(50% 0.014 260);
  --cpw-color-muted: oklch(42% 0.018 260);
  --cpw-color-text-primary: var(--cpw-color-dark-blue);
  --cpw-color-text-body: var(--cpw-color-ink-secondary);
  --cpw-color-text-muted: var(--cpw-color-muted);
  --cpw-color-text-on-light-accent: var(--cpw-color-dark-blue);
  --cpw-color-border-subtle: oklch(86% 0.01 260);
  --cpw-color-surface: var(--cpw-color-sky-wash);
  --cpw-color-action: var(--cpw-color-text-blue);
  --cpw-color-action-hover: var(--cpw-color-text-blue-hover);
  --cpw-color-footer: var(--cpw-color-dark-blue);
  --cpw-color-footer-link: var(--cpw-color-sky-wash);
  --cpw-button-dark-bg: var(--cpw-color-royal-blue);
  --cpw-button-dark-bg-hover: #48c7ff;
  --cpw-button-dark-text: var(--cpw-color-dark-blue);
  --cpw-button-light-bg: var(--cpw-color-text-blue);
  --cpw-button-light-bg-hover: var(--cpw-color-text-blue-hover);
  --cpw-button-light-text: var(--cpw-color-white);
  --cpw-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --cpw-font-display: "Geist", "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --cpw-font-ui-medium: 500;
  --cpw-font-ui-strong: 600;
}

@media (min-width: 744px) {
  :root {
    --cpw-header-gutter: 24px;
    --cpw-header-height: 68px;
  }
}

@media (min-width: 1280px) {
  :root {
    --cpw-header-gutter: 32px;
    --cpw-header-height: 72px;
  }
}

body.admin-bar {
  --cpw-admin-bar-offset: 46px;
}

@media (min-width: 783px) {
  body.admin-bar {
    --cpw-admin-bar-offset: 32px;
  }
}

body {
  margin: 0;
  color: var(--cpw-color-text-primary);
  font-family: var(--cpw-font-body);
}

body.site-nav-open {
  overflow: hidden;
}

a {
  color: inherit;
}

.site-main {
  width: 100%;
}