/* =====================================================================
   CPD CHEMICAL PEEL SYSTEMS THEME, html[data-theme="peel"]
   Deep mulberry ground with apricot acid and a frost-white highlight:
   the colours of erythema, the warm "spice" of an acid and the frost.
   ===================================================================== */
html[data-theme="peel"] {
  --forest: #1c1418;
  --forest-2: #261b21;
  --moss: #4e3a44;
  --sea: #d39a86;
  --spume: #f1d2c2;
  --glow: #fbeee6;

  --gold: #f2a65a;
  --gold-lo: #a86a32;
  --gold-hi: #ffd3a3;

  --surface: #150f12;
  --surface-2: #1d1519;
  --surface-3: #281d23;
  --line: rgba(255, 211, 163, 0.12);
  --line-2: rgba(255, 211, 163, 0.24);
  --text: #f0e8ea;
  --text-dim: #c4b4ba;
  --text-faint: #8d7c83;
}
html[data-theme="peel"] body::before {
  background:
    radial-gradient(1200px 700px at 10% -10%, rgba(232, 106, 120, 0.13), transparent 60%),
    radial-gradient(900px 600px at 92% 6%, rgba(242, 166, 90, 0.15), transparent 62%),
    radial-gradient(1000px 800px at 50% 108%, rgba(10, 6, 8, 0.9), transparent 60%),
    linear-gradient(175deg, #110c0f 0%, #1c1418 45%, #110c0f 100%);
}
html[data-theme="peel"] .step .n { background: linear-gradient(140deg, rgba(242, 166, 90, 0.32), rgba(38, 27, 33, 0.6)); }
html[data-theme="peel"] .fig img, html[data-theme="peel"] .product img { background: #fff; border-radius: 12px; }

/* the shared surfaces are cut in marine green; re-cut them in mulberry and apricot */
html[data-theme="peel"] { --veil: 21, 15, 18; }
html[data-theme="peel"] .svgfig,
html[data-theme="peel"] .sq-scene { background: linear-gradient(165deg, rgba(242, 166, 90, 0.09), rgba(17, 12, 15, 0.86)); }
html[data-theme="peel"] .panel { background: linear-gradient(165deg, rgba(242, 166, 90, 0.11), rgba(21, 15, 18, 0.8)); }
html[data-theme="peel"] .product { background: linear-gradient(120deg, rgba(242, 166, 90, 0.11), rgba(21, 15, 18, 0.7)); }
html[data-theme="peel"] .gamecard { background: linear-gradient(150deg, rgba(232, 106, 120, 0.15), rgba(17, 12, 15, 0.92)); }
html[data-theme="peel"] .tl-panel { background: linear-gradient(160deg, var(--surface-2), rgba(17, 12, 15, 0.6)); }