:root {
  /* TODO[UXI-16862]: Replace css vars with new Lego tokens */
  /* ─── HPE Colours ───────────────────────────────────────── */
  --hpe-green: hsla(166, 99%, 33%, 1);
  --hpe-green-dark: hsla(166, 99%, 26%, 1);

  /* ─── Sensor LED Colours ────────────────────────────────── */
  --led-blue: #72a8ff;
  --led-cyan: #00cecb;
  --led-green: #73f6a3;
  --led-magenta: #f15fe2;
  --led-orange: #ff924e;
  --led-red: #ff5e5b;
  --led-unsure: #5ae676;
  --led-white: #ffffea;
  --led-yellow: #ffed66;
  --led-white-red: linear-gradient(
    45deg,
    var(--led-white) 40%,
    var(--led-red) 60%
  );
  --led-green-cyan: linear-gradient(
    45deg,
    var(--led-green) 40%,
    var(--led-cyan) 60%
  );
  --led-rainbow: linear-gradient(
    45deg,
    var(--led-cyan),
    var(--led-green),
    var(--led-yellow),
    var(--led-orange),
    var(--led-red),
    var(--led-magenta),
    var(--led-blue)
  );

  /* ─── Onboarding Gradients ──────────────────────────────── */
  --gradient-phase-1: #86d295;
  --gradient-phase-2: #80cc9e;
  --gradient-phase-3: #78c5a6;
  --gradient-phase-4: #71bfaf;
  --gradient-phase-5: #6ab8b8;
  --gradient-phase-6: #63b1c0;
}