/* =====================================================================
   ISOV SALICULE THEME — html[data-theme="salicule"]
   A fresher, ISOV-green shift of the marine design system: spring
   greens replace the deep-sea palette, gold softens to sage.
   ===================================================================== */
html[data-theme="salicule"] {
  --forest: #16321a;
  --forest-2: #1e4524;
  --moss: #3b7040;
  --sea: #58a15f;
  --spume: #8ed394;
  --glow: #c6f0c8;

  --gold: #a9bc72;
  --gold-lo: #78894b;
  --gold-hi: #e2edb4;

  --surface: #10261a;
  --surface-2: #153021;
  --surface-3: #1c3b28;
  --line: rgba(198, 240, 200, 0.14);
  --line-2: rgba(198, 240, 200, 0.26);
  --text: #e9f2e8;
  --text-dim: #adc1ab;
  --text-faint: #81947f;
}

html[data-theme="salicule"] body::before {
  background:
    radial-gradient(1200px 700px at 12% -10%, rgba(88, 161, 95, 0.20), transparent 60%),
    radial-gradient(900px 600px at 92% 6%, rgba(30, 69, 36, 0.55), transparent 62%),
    radial-gradient(1000px 800px at 50% 108%, rgba(14, 33, 18, 0.9), transparent 60%),
    linear-gradient(175deg, #08140a 0%, #0b1c0e 45%, #08140a 100%);
}

html[data-theme="salicule"] .step .n {
  background: linear-gradient(140deg, rgba(88, 161, 95, 0.3), rgba(30, 69, 36, 0.5));
}

/* the 3D lab hint chip needs to read on the dark Salicule panel */
html[data-theme="salicule"] .p13d-hint {
  color: #e8f2ed;
  background: rgba(8, 24, 18, .72);
  border: 1px solid rgba(168, 240, 205, .28);
  padding: 4px 9px; border-radius: 999px;
}

/* before/after pairs in the reveal game are generated teaching illustrations,
   built from one source image so the two sides are the same skin. Say so. */
.s2-illus {
  display: block; margin-top: 4px;
  font-size: 10.5px; letter-spacing: .04em; font-weight: 500;
  color: var(--text-faint); font-style: italic;
}