/* custom.css — generated by build_client.py */
/* Edit values in embolsterWebClient.xlsx then re-run script */
/* NOTE: This theme uses html { font-size: 62.5% } so 1rem = 10px */

/* Mobile nav — duplicated here to survive Hugo asset cache */
@media (max-width: 768px) {
  .tella-nav-links  { display: none !important; }
  .tella-hamburger  { display: flex !important; }
  .tella-nav        { height: 70px !important; }
  #site-head        { margin-top: 70px !important; }
  .post[id]         { scroll-margin-top: 80px !important; }
}
@media (min-width: 769px) {
  .tella-hamburger   { display: none !important; }
  .tella-mobile-menu { display: none !important; }
}

:root {
  --cover-text-color: #00A0E0;
  --highlight: #075985;
  --highlight-contrast: #ffffff;
  --highlight-inverse: #00A0E0;
  --highlight-inverse-contrast: #ffffff;
  --cover-title-and-description-guard-bg-color: #ffffff99;
  --cover-title-text-shadow: white 0px 0px 7px;
  --sticky-menu-text-color: #0077B6;
  --section-light-text-color: #1a1a1a;
  --section-light-bg-color: #ffffff;
  --section-dark-text-color: var(--section-light-text-color);
  --section-dark-bg-color: #eef6fb;
  --section-uni-quote: grey;
  --section-uni-code-bg-color: #e0ded7;
  --single-page-text-color: var(--section-light-text-color);
  --single-page-bg-color: var(--section-light-bg-color);
  --footer-color-background: #063D5B;
  --footer-color: #bbc7cc;
  --ul-li-icon: fa-asterisk;
  --color-primary: var(--cover-text-color);
  --font-heading: 'Roboto Slab', serif;
  --font-body: 'Open Sans', sans-serif;
  --font-nav: 'Oswald', sans-serif;
  --font-card-title: 'Roboto Slab', serif;
  --font-size-card-title: 1.8rem;
  --font-size-card-body: 1.4rem;
  --font-size-card-icon: 3.6rem;
  --font-size-subheading: 1.8rem;
  --font-size-section-title: 3rem;
  --font-size-section-title-mobile: 2.4rem;
  --nav-height: 120px;
  --layout-max-width: 1100px;
  --border-radius: 8px;
  --card-border-color: #e2e8f0;
  --input-border-color: #cbd5e1;
  --nav-bg-color: #ffffff;
  --nav-logo-text-color: #1a202c;
  --color-error: #e53e3e;
  --form-success-bg: #f0fdf4;
  --form-success-text: #166534;
  --form-success-border: #bbf7d0;
  --form-error-bg: #fff5f5;
  --form-error-text: #9b2c2c;
  --form-error-border: #fed7d7;
}


/* Hero image softening overlay + darker headline text (client request 2026-07-03) */
#site-head::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, rgba(255,255,255,0.72) 0%, rgba(255,255,255,0.55) 30%, rgba(255,255,255,0.15) 60%, rgba(255,255,255,0) 80%),
    linear-gradient(rgba(255,255,255,0.4), rgba(0,160,224,0.18));
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 0;
  pointer-events: none;
}
#site-head-content { position: relative; z-index: 1; }

#site-head .blog-title,
#site-head .blog-description {
  color: #0f5c8c; /* medium navy -- reads clearly as blue, still strong contrast */
}