/* Labs: light grey gradient, distinct from the main site */

:root {
  --paper: #ececeb;
  --ink: #1c1c1a;
  --ink-soft: #5c5c56;
  --rule: rgba(28, 28, 26, 0.18);
  --pbl: #0d2343;
}

body {
  background: #e4e4e1;
  background-image: linear-gradient(168deg, #f4f4f2 0%, #e2e2df 48%, #cdcdc8 100%);
  background-attachment: fixed;
  color: var(--ink);
}

.bar {
  background: rgba(244, 244, 242, 0.82);
  border-bottom-color: var(--rule);
}

.bar .home, .bar .end { color: var(--ink-soft); }
.bar .home:hover, .bar .end:hover { color: var(--ink); }

.masthead .the { color: var(--ink-soft); }
.stack-head { color: var(--ink-soft); border-bottom-color: var(--rule); }
.foot { color: var(--ink-soft); }
.foot a:hover { color: var(--ink); }

:focus-visible { outline-color: var(--ink); }

.folder { color: #ececeb; filter: drop-shadow(0 8px 12px rgba(28, 28, 26, 0.26)); }
.folder:hover, .folder:focus-visible { filter: drop-shadow(0 20px 20px rgba(28, 28, 26, 0.3)); }
.face .go { border-color: rgba(236, 236, 235, 0.55); }
.folder:hover .face .go, .folder:focus-visible .face .go { background: #ececeb; color: var(--ink); border-color: #ececeb; }