:root {    
    --primaryColor: #3B2416;
    --headingColor: #3B2416;
    --backgroundColor: #FFF7E8;
    --accentColor: #A85F2D;
    --textColor: #24180F;
    --logoColor: #3B2416;

    --primaryColorFilter: invert(11%) sepia(33%) saturate(1083%) hue-rotate(340deg) brightness(96%) contrast(88%);
    --headingColorFilter: invert(11%) sepia(33%) saturate(1083%) hue-rotate(340deg) brightness(96%) contrast(88%);
    --backgroundColorFilter: invert(95%) sepia(4%) saturate(1301%) hue-rotate(329deg) brightness(104%) contrast(101%);
    --accentColorFilter: invert(34%) sepia(94%) saturate(417%) hue-rotate(342deg) brightness(98%) contrast(83%);
    --textColorFilter: invert(7%) sepia(35%) saturate(827%) hue-rotate(343deg) brightness(100%) contrast(94%);
    --logoColorFilter: invert(11%) sepia(33%) saturate(1083%) hue-rotate(340deg) brightness(96%) contrast(88%);
    
    --whiteFilter: invert(99%) sepia(37%) saturate(0%) hue-rotate(260deg) brightness(115%) contrast(100%);
    --blackFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);

    /* OPACITY COLORS */

    --low-opacity-black: rgba(0, 0, 0, 0.25);
    --high-opacity-black: rgba(0, 0, 0, 0.75);

    --low-opacity-gray: rgba(255, 255, 255, 0.25);
    --high-opacity-gray: rgba(255, 255, 255, 0.75);

    --low-opacity-primaryColor: rgba(59, 36, 22, 0.25);
    --high-opacity-primaryColor: rgba(59, 36, 22, 0.75);

    --high-opacity-primaryColorFilter: invert(11%) sepia(33%) saturate(1083%) hue-rotate(340deg) brightness(96%) contrast(88%) opacity(0.75);
    
    --low-opacity-headingColor: rgba(59, 36, 22, 0.25);
    --high-opacity-headingColor: rgba(59, 36, 22, 0.75);

    --low-opacity-backgroundColor: rgba(255, 247, 232, 0.25);
    --high-opacity-backgroundColor: rgba(255, 247, 232, 0.75);

    --low-opacity-accentColor: rgba(168, 95, 45, 0.25);
    --high-opacity-accentColor: rgba(168, 95, 45, 0.75);

    --low-opacity-textColor: rgba(36, 24, 15, 0.25);
    --high-opacity-textColor: rgba(36, 24, 15, 0.75);

    /* END OF OPACITY COLROS */

    /* BASIC COLORS */

    --light-gray: var(--low-opacity-backgroundColor);
    --basic-gray: var(--low-opacity-backgroundColor);
    --dark-gray: var(--high-opacity-textColor);
    --black: var(--textColor);
    --white: var(--backgroundColor);

    --whiteFilter: invert(99%) sepia(37%) saturate(0%) hue-rotate(260deg) brightness(115%) contrast(100%);
    --blackFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);

    /* END OF BASIC COLORS*/

    /* SHADOWS */

    --basic-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);

    /* END OF SHADOWS */

  }

  html {
    font-family: "Merriweather", sans-serif;
    font-weight: 400;
  }

  footer {
    font-family: "Lato", sans-serif;
    font-weight: 700;
  }

  h1, h2 {
    font-family: "Roboto", serif;
    font-weight: 700;
  }

  h3, h4, h5, h6 {
    font-family: "Roboto", serif;
    font-weight: 700;
  }

  code {
    font-family: "Space Mono", monospace;
    font-weight: 700;
  }

  .logo-text {
    font-family: "Roboto";
    font-weight: 700;
  }
  
*, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } img, svg { max-width: 100%; height: auto; }
body { margin: 0; color: var(--textColor); background: var(--backgroundColor); line-height: 1.6; -webkit-font-smoothing: antialiased; } a { color: var(--accentColor); }

  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
  }
  .site-main {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
  }




  
  /* Full-bleed sections + centered inner content */
  :root {
    --siteContentMaxWidth: min(100%, 1200px);
  }

  nav, section, header, footer {
    width: 100%;
    max-width: 100%;
  }

  nav > :where(div, ul, ol, article, aside, main, p),
  section > :where(div, ul, ol, article, aside, main, p),
  header > :where(div, ul, ol, article, aside, main, p),
  footer > :where(div, ul, ol, article, aside, main, p) {
    width: 100%;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  






  footer {
    margin-top: auto;
  }

/* fix: breadcrumb <nav> must not inherit the sticky site-navbar styling (a bare `nav` selector in menuCss leaked its background/blur onto it, making the current item unreadable) */
nav[aria-label="Breadcrumb"]{position:static !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;box-shadow:none !important;}
nav[aria-label="Breadcrumb"] a{color:inherit !important;}
/* fix: center entry-listing grids - collapse empty trailing columns (auto-fit) and cap the row to the intended column count so underfilled rows are centered, not left-biased */
.items-grid{grid-template-columns:repeat(auto-fit, minmax(0, 360px)) !important;justify-content:center !important;max-width:calc(var(--grid-columns, 3) * 360px + (var(--grid-columns, 3) - 1) * 24px) !important;margin-inline:auto !important;}