/* =====================================================================
   CPD CLINICAL MICRONEEDLING THEME, html[data-theme="mnf"]
   Clinical slate and sterile steel, with a skin-blush accent for the
   tissue and a pale pearl gold for the Seoulogy titles.
   ===================================================================== */
html[data-theme="mnf"] {
  --forest: #141b20;
  --forest-2: #1b242a;
  --moss: #3d4c56;
  --sea: #8fb3c2;
  --spume: #cfe2ea;
  --glow: #eef5f8;

  --gold: #d9bf8c;
  --gold-lo: #98815a;
  --gold-hi: #f2e2bf;

  --surface: #10161a;
  --surface-2: #161e23;
  --surface-3: #1f2a31;
  --line: rgba(207, 226, 234, 0.12);
  --line-2: rgba(207, 226, 234, 0.24);
  --text: #e9eef1;
  --text-dim: #aebbc3;
  --text-faint: #7b8a93;
}
html[data-theme="mnf"] body::before {
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(232, 150, 140, 0.11), transparent 60%),
    radial-gradient(900px 600px at 92% 6%, rgba(143, 179, 194, 0.16), transparent 62%),
    radial-gradient(1000px 800px at 50% 108%, rgba(8, 11, 13, 0.9), transparent 60%),
    linear-gradient(175deg, #0c1114 0%, #151d22 45%, #0c1114 100%);
}
html[data-theme="mnf"] .step .n { background: linear-gradient(140deg, rgba(232, 150, 140, 0.32), rgba(27, 36, 42, 0.6)); }
html[data-theme="mnf"] .fig img, html[data-theme="mnf"] .product img { background: #fff; border-radius: 12px; }

/* re-cut the shared marine-green surfaces in slate and blush */
html[data-theme="mnf"] { --veil: 16, 22, 26; }
html[data-theme="mnf"] .svgfig,
html[data-theme="mnf"] .sq-scene { background: linear-gradient(165deg, rgba(143, 179, 194, 0.10), rgba(12, 17, 20, 0.85)); }
html[data-theme="mnf"] .panel { background: linear-gradient(165deg, rgba(143, 179, 194, 0.12), rgba(16, 22, 26, 0.8)); }
html[data-theme="mnf"] .product { background: linear-gradient(120deg, rgba(217, 191, 140, 0.12), rgba(16, 22, 26, 0.7)); }
html[data-theme="mnf"] .gamecard { background: linear-gradient(150deg, rgba(232, 150, 140, 0.14), rgba(12, 17, 20, 0.92)); }
html[data-theme="mnf"] .tl-panel { background: linear-gradient(160deg, var(--surface-2), rgba(12, 17, 20, 0.6)); }