/* Recovery Gym demo: every colour, step and radius, named once. Greens only (Shahar, 2.11.2026). */
:root {
  /* Neta's side: dark greens in place of TrueCoach's dark purples */
  --d0: #0D1A16; --d1: #12221E; --d2: #192D27; --d3: #213A33; --d4: #2D4C43; --dl: #2A433C;
  --tx: #E7F0ED; --tx2: #A3B8B1; --tx3: #78908A; --res: #091512; --mt: #66C9AC; --mt2: #A8E4D3;
  /* the trainee's side: light greens */
  --teal-900: #16322D; --teal-800: #1B3B34; --teal-700: #234C43; --teal-600: #2F6356; --banner: #1F4A4C;
  --mint-600: #4FB99A; --mint-500: #66C9AC; --mint-300: #A8E4D3; --mint-200: #CDEFE5; --mint-100: #E6F6F0; --mint-50: #F1FAF6;
  --ink: #1C2926; --g7: #44514D; --g6: #5E6B66; --g5: #828E89; --g3: #CCD4D0; --g2: #E3E8E6; --g1: #F0F3F2; --g0: #F7F9F8;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px;
  --r1: 6px; --r2: 10px; --r3: 14px; --r4: 18px; --rp: 99px;
  --font: 'Heebo', system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { font-family: var(--font); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
svg.i { width: 18px; height: 18px; flex: none; }