@import url("https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap");

[data-site-theme="emerald"] {
  --header-bg: #0d1512;
  --header-accent: #1fbf75;
  --header-text: #e6f4ec;
  --header-stripe: #1fbf75;
  --header-hover: #2fd98a;
  --site-font-body: "IBM Plex Sans", "Segoe UI", Roboto, sans-serif;
  --site-font-heading: "Sora", "Segoe UI", Arial, sans-serif;
  --header-padding-y: 1.3rem;
  --header-padding-x: 2.1rem;
  --header-gap: 1.6rem;
  --header-brand-gap: 1rem;
  --header-logo-size: 2.65rem;
  --header-logo-radius: 9999px;
  --header-title-size: clamp(1.3rem, 2.2vw, 1.85rem);
  --header-title-weight: 600;
  --header-title-tracking: -0.01em;
  --header-title-transform: none;
  --header-shadow: 0 10px 28px rgb(6 14 10 / 0.4);
  --header-border-bottom: 1px solid rgb(31 191 117 / 0.32);
  --header-inner-justify: space-between;
  --header-nav-justify: flex-end;
  --nav-link-padding-x: 0.9rem;
  --nav-link-padding-y: 0.5rem;
  --nav-link-size: 0.8125rem;
  --nav-link-weight: 600;
  --nav-link-tracking: 0.06em;
  --nav-link-transform: uppercase;
  --nav-link-radius: 9999px;
  --mobile-nav-link-padding-y: 0.9rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;
  --radius-lg: 1.25rem;
  --section-padding-y: 1.4rem;
  --content-gap: 2.4rem;
  --entry-title-size: clamp(1.95rem, 3.4vw, 2.65rem);
  --entry-title-weight: 600;
  --surface-radius: var(--radius-md);
  --surface-shadow: 0 8px 24px rgb(13 21 18 / 0.16);
}

[data-site-theme="emerald"] #masthead {
  background: linear-gradient(135deg, #16261f 0%, #0d1512 60%, #070d0b 100%);
}

[data-site-theme="emerald"] [class*="site-header-inner__"] {
  border-bottom: 1px solid rgb(31 191 117 / 0.14);
}

[data-site-theme="emerald"] [class*="site-header-logo-img__"] {
  box-shadow: 0 0 0 2px rgb(31 191 117 / 0.5), 0 0 0 4px rgb(13 21 18 / 0.9);
}

[data-site-theme="emerald"] [class*="site-nav-link__"],
[data-site-theme="emerald"] [class*="main-navigation__"] #primary-menu > li > a {
  border-radius: var(--nav-link-radius);
}

[data-site-theme="emerald"] [class*="site-nav-link__"]:hover,
[data-site-theme="emerald"] [class*="main-navigation__"] #primary-menu > li > a:hover {
  background: rgb(31 191 117 / 0.15);
  color: var(--header-hover);
}

[data-site-theme="emerald"] #masthead::before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgb(31 191 117 / 0.9) 50%, transparent);
}