/* Green version: the same pages in Biotiq green (forest #003D20, lime #E4FFC2) instead of the yellow ramp.
   Loaded after site.css by `build.py --theme green`. Type, layout and components stay as they are. */

:root {
  --bl-primary: #c4ee8c;
  --bl-yellow-2: #b7e57a;
  --bl-yellow-3: #d6f7ad;
  --bl-yellow-4: #dcf9b8;
  --bl-yellow-5: #e4ffc2;
  --bl-yellow-6: #ecfdd6;
  --bl-yellow-7: #f2fbe6;
  --bl-yellow-8: #f8fdf2;
  --bl-gold: #1f6b3e;

  --bl-dark: #13281c;
  --bl-dark-light: #4a5a50;
  --bl-grey: #7b867e;
  --bl-grey-medium: #ccd5cd;
  --bl-grey-light: #ebefe8;
  --bl-light: #f6f8f3;

  --glass: rgba(246, 248, 243, .3);
  --glass-strong: rgba(246, 248, 243, .7);
  --line-glass: rgba(19, 40, 28, .16);

  --grad-field:
    radial-gradient(95% 85% at 100% 0%, #b3e57e 0%, rgba(179, 229, 126, 0) 72%),
    linear-gradient(180deg, #d0f0a6 0%, #e6f8cf 46%, #f5fbec 100%);
  --grad-hero: linear-gradient(115deg, #bde88a 0%, #d8f4b2 38%, #f0fae4 100%);
  --grad-persona:
    radial-gradient(70% 60% at 0% 0%, rgba(150, 214, 100, .45), rgba(150, 214, 100, 0) 70%),
    linear-gradient(165deg, #cbeda0 0%, #e2f6ca 52%, #f2fbe8 100%);
  --grad-band: radial-gradient(60% 90% at 85% 0%, rgba(228, 255, 194, .2), rgba(228, 255, 194, 0) 70%), #003d20;
}

body { background: var(--bl-light); }

/* keep the nav readable over the forest sections */
.nav { background: rgba(246, 248, 243, .84); }
.nav .pill { background: rgba(19, 40, 28, .68); }
.nav .pill:hover, .nav .pill.is-on { background: #003d20; }
.nav .pill--cta { background: var(--bl-primary); color: #003d20; }
.nav .pill--cta:hover { background: var(--bl-yellow-2); }
.announce { background: #003d20; }
.announce::before { background: var(--bl-yellow-5); }
.btn--primary { color: #003d20; }
.btn--dark { background: #003d20; }
.btn--dark:hover { background: #0d5232; }

/* accents that were yellow in site.css */
.pulse, .feed-dot { background: #6cc24a; box-shadow: 0 0 0 4px rgba(108, 194, 74, .25); }
.sigcard .pulse::after { background: #6cc24a; }
.flow-hub .tile { box-shadow: 0 0 0 10px rgba(228, 255, 194, .12), 0 0 0 22px rgba(228, 255, 194, .06); }
.flow-hub .tile::before, .flow-hub .tile::after { border-color: rgba(228, 255, 194, .55); }
.flow-item .soon { background: rgba(228, 255, 194, .14); color: var(--bl-yellow-5); }
.flow-item:hover { box-shadow: inset 0 0 0 1px rgba(228, 255, 194, .6); }
.flow-wires circle { fill: var(--bl-yellow-5); }
.ea { background: var(--bl-yellow-5); color: #003d20; }
.box--dark .eyebrow.on-dark, .dark-sec .eyebrow { color: rgba(228, 255, 194, .8); }
.spark .line:not(.line--2) { stroke: #1f6b3e; }
.spark .area, .spark path[fill^="url"] { fill: rgba(108, 194, 74, .22); }
.legend span:first-child i:not(.d) { background: #1f6b3e !important; }   /* chart swatches only, not the dot legend */
.statement .w { color: #c9d2ca; }
.statement .w.on { color: var(--bl-dark); }

/* no engravings in this version: they came out of the same image tool */
.band, .aud .glass, .nf img { display: none; }
.aud .open-body { grid-template-columns: 1fr; }
.foot { padding-bottom: 48px; }

/* photos: a little softer at the corners of the panes, like the previous site */
.pane-img > img.fill, .who-card .img img, .split .photo img, .final-img img, .post-img img { filter: saturate(1.04); }

.pv-badge { background: #003d20; }

.radar .area { fill: rgba(108, 194, 74, .2); stroke: #1f6b3e; }
.tl i.s { box-shadow: 0 0 0 4px rgba(108, 194, 74, .25); }
.route .dot--own { background: #003d20; }
.prow.is-hot .pst i { box-shadow: 0 0 0 3px rgba(108, 194, 74, .25); }

/* version C (dark) in green: the early-access labels keep their contrast on the dark ground */
html[data-variant="c"] .ea { background: #c4ee8c; color: #0f1c15; }
html[data-variant="c"] .flow-item .soon { background: rgba(196, 238, 140, .16); color: #d6f7ad; }