/* Shared lounge palette; Bootstrap utilities inherit these page-local colors. */
.site-page {
  --lounge-heading:#f8f9fa;
  --lounge-text:var(--lounge-heading);
  --lounge-muted:#a8b39d;
  --lounge-gold:#c5ad72;
  --lounge-focus:#a58b52;
  --lounge-sage:#c2caa3;
  --lounge-line:rgba(185,197,151,.24);
  --lounge-glaze:rgba(242,235,210,.09);
  --lounge-bar:#29352b;
  --bs-dark-rgb:31,42,35;
  --bs-secondary-color:var(--lounge-muted);
  --bs-body-color:var(--lounge-text);
  color:var(--lounge-text);
}

/* Fixed woodland extends the original bokeh-background.png artwork, retained as its source. */
.artc-lounge {
  background-color:#1e2b23;
  background-image:linear-gradient(180deg,rgba(22,34,27,.2),rgba(19,30,23,.45)),url("/static/lounge/woodland-background.png");
  background-size:cover; background-position:center; background-attachment:fixed;
}
/* Blur the pinned scene through the reading body while keeping its text sharp. */
.site-page > main {
  background:rgba(24,36,28,.5);
  backdrop-filter:blur(24px);
  /* Clip the rounded body without trapping the navigation drawer's sticky scrolling. */
  overflow:clip;
}
/* Footer-colored cutouts follow the reading body's Bootstrap corner radius. */
.site-page > footer { position:relative; z-index:1; }
.site-page > footer::before {
  content:""; position:absolute; bottom:100%; left:0; width:100%; height:var(--bs-border-radius-xl); pointer-events:none;
  /* The footer gradient's dock offset cannot be reused inside this short raised edge. */
  background:rgb(var(--bs-dark-rgb));
  mask:
    radial-gradient(circle at top right,transparent calc(var(--bs-border-radius-xl) - .5px),#000 var(--bs-border-radius-xl)) top left / var(--bs-border-radius-xl) var(--bs-border-radius-xl) no-repeat,
    radial-gradient(circle at top left,transparent calc(var(--bs-border-radius-xl) - .5px),#000 var(--bs-border-radius-xl)) top right / var(--bs-border-radius-xl) var(--bs-border-radius-xl) no-repeat;
}
.site-page .workshop {
  --paper:rgba(45,61,49,.90);
  --ink:var(--lounge-text);
  --muted:var(--lounge-muted);
  background:transparent;
  color:var(--ink);
  font-family:var(--bs-font-sans-serif);
}

/* Thin glazing gives panels definition without bright outlines. */
.site-page .workshop :is(.masthead,.paper) {
  background:linear-gradient(135deg,var(--lounge-glaze),transparent 65%),var(--paper);
  border:1px solid var(--lounge-line);
  box-shadow:inset 0 1px 0 var(--lounge-glaze),0 12px 28px rgba(8,15,10,.16);
  backdrop-filter:blur(18px);
}
.site-page .workshop .masthead { padding:1rem 1.25rem; border-radius:.75rem; margin-bottom:1.5rem; }
.site-page .workshop :is(h1,h2,h3) { color:var(--lounge-heading); font-family:Georgia,"Times New Roman",serif; letter-spacing:-.02em; }
.site-page .workshop .masthead h1 { font-size:clamp(2rem,3vw,2.75rem); }
.site-page .workshop .lede { color:var(--lounge-text); font-size:1rem; line-height:1.6; margin-bottom:.25rem; }
.site-page .workshop .eyebrow { color:var(--lounge-gold); }
.site-page .workshop :is(a,summary) { color:var(--lounge-text); }
.site-page .workshop a:hover { color:var(--lounge-heading); }
.site-page .workshop .manuscript { font-family:Georgia,"Times New Roman",serif; color:var(--lounge-heading); }
.site-page .workshop :is(.muted,.editor-state) { color:var(--lounge-muted); }

/* Dividers and status accents use the same restrained olive glazing. */
.site-page .workshop :is(.plain-list li,.remark,.remark blockquote) { border-color:var(--lounge-line); }
.site-page .workshop .badge-state { background:rgba(163,179,137,.18); color:var(--lounge-text); border:1px solid var(--lounge-line); border-radius:.3rem; }
.site-page .workshop .need { background:rgba(33,47,37,.76); color:var(--lounge-text); }
.site-page .workshop .need.recruiting { background:rgba(139,117,63,.22); border-color:var(--lounge-gold); }
.site-page .workshop .assigned { color:var(--lounge-sage); }
.site-page .workshop .inbox-card.unseen { border-left-color:var(--lounge-sage); }
.site-page .workshop .notice { color:var(--lounge-heading); background:rgba(113,93,44,.3); border-color:var(--lounge-gold); }
.site-page .workshop .outdated { color:var(--lounge-gold); }
.site-page .workshop .remark blockquote { color:var(--lounge-muted); }

@media print {
  .artc-lounge { background:white; }
  .site-page > main,.site-page .workshop,.site-page .workshop :is(.masthead,.paper) { background:white; color:#18261f; box-shadow:none; backdrop-filter:none; }
  .site-page .workshop :is(h1,h2,h3,.manuscript,a,.lede) { color:#18261f; }
}