@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap");

[data-site-theme="meridian"] {
  --header-bg: #111827;
  --header-accent: #059669;
  --header-text: #f9fafb;
  --header-stripe: #059669;
  --header-hover: #047857;
  --site-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --site-font-heading: "Manrope", system-ui, sans-serif;
  --header-padding-y: 0.95rem;
  --header-padding-x: 1.5rem;
  --header-gap: 1rem;
  --header-brand-gap: 0.65rem;
  --header-logo-size: 2.35rem;
  --header-logo-radius: 0.5rem;
  --header-title-size: clamp(1.2rem, 1.9vw, 1.65rem);
  --header-title-weight: 800;
  --header-title-tracking: -0.02em;
  --header-title-transform: none;
  --header-shadow: none;
  --header-border-bottom: 1px solid rgb(75 85 99 / 0.45);
  --header-inner-justify: space-between;
  --header-nav-justify: flex-end;
  --nav-link-padding-x: 0.85rem;
  --nav-link-padding-y: 0.4rem;
  --nav-link-size: 0.8125rem;
  --nav-link-weight: 600;
  --nav-link-tracking: 0.01em;
  --nav-link-transform: none;
  --nav-link-radius: 9999px;
  --mobile-nav-link-padding-y: 0.7rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --section-padding-y: 1rem;
  --content-gap: 1.85rem;
  --entry-title-size: clamp(1.8rem, 3vw, 2.3rem);
  --entry-title-weight: 800;
  --surface-radius: var(--radius-md);
  --surface-shadow: 0 1px 2px rgb(17 24 39 / 0.06);
}

[data-site-theme="meridian"] #masthead {
  background: #111827;
}

[data-site-theme="meridian"] [class*="site-nav-link__"],
[data-site-theme="meridian"] [class*="main-navigation__"] #primary-menu > li > a {
  border: 1px solid rgb(75 85 99 / 0.55);
}

[data-site-theme="meridian"] [class*="site-nav-link__"]:hover,
[data-site-theme="meridian"] [class*="main-navigation__"] #primary-menu > li > a:hover {
  color: var(--header-accent);
  background: transparent;
  border-color: var(--header-accent);
}