/* 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: #ff751f;
  --highlight: #4fa3db;
  --highlight-contrast: var(--cover-text-color);
  --highlight-inverse: var(--cover-text-color);
  --highlight-inverse-contrast: white;
  --cover-title-and-description-guard-bg-color: #ffffff99;
  --cover-title-text-shadow: white 0px 0px 7px;
  --sticky-menu-text-color: #f3904f;
  --section-light-text-color: #ffffff;
  --section-light-bg-color: #2a2e30;
  --section-dark-text-color: var(--section-light-text-color);
  --section-dark-bg-color: #2a2e30;
  --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: #2a2e30;
  --footer-color: #ffffff;
  --ul-li-icon: fa-asterisk;
  --color-primary: var(--cover-text-color);
  --font-heading: 'Oswald', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --font-nav: 'Oswald', sans-serif;
  --font-card-title: 'Oswald', sans-serif;
  --font-size-card-title: 1.8rem;
  --font-size-card-body: 1.6rem;
  --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: #2a2e30;
  --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;
}


/* Force section-dark background on blog/resource list pages
   Theme default compiles --section-dark-bg-color:#b80135 (crimson) into style.min.css
   which wins on list pages because custom.css :root vars lose specificity there.
   This selector-level override beats it. */
.post-holder.dark,
body .post-holder.dark {
    background-color: #2a2e30 !important;
    color: #ffffff !important;
}