.site-header.svelte-a8kxe2 {
    box-shadow: 0 1px 0 color-mix(in srgb, white 6%, transparent) inset;
  }

  .primary-link.svelte-a8kxe2:hover {
    color: color-mix(in srgb, var(--nav-color) 76%, var(--text-primary-brand));
  }

  .primary-link.is-active.svelte-a8kxe2 {
    background: color-mix(in srgb, var(--nav-color) 9%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-color) 10%, transparent) inset;
  }

  .dark .site-header.svelte-a8kxe2 {
    box-shadow: 0 1px 0 color-mix(in srgb, white 8%, transparent) inset;
  }

  .dark .primary-link.svelte-a8kxe2:hover {
    color: color-mix(in srgb, var(--nav-color) 84%, white);
  }

  .dark .primary-link.is-active.svelte-a8kxe2 {
    background: color-mix(in srgb, var(--nav-color) 13%, transparent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--nav-color) 16%, transparent) inset;
  }

  .site-footer.svelte-4jwo3w {
    box-shadow: 0 -1px 0 color-mix(in srgb, white 6%, transparent) inset;
  }

  .dark .site-footer.svelte-4jwo3w {
    box-shadow: 0 -1px 0 color-mix(in srgb, white 7%, transparent) inset;
  }

  .footer-link.svelte-4jwo3w:hover {
    color: color-mix(in srgb, var(--footer-link-color) 78%, var(--text-primary-brand));
  }

  .dark .footer-link.svelte-4jwo3w:hover {
    color: color-mix(in srgb, var(--footer-link-color) 86%, white);
  }