/* The app's global tokens (frontend/simulator/src/app/app.css :root, night), the ones the kit's CSS reads. Copied from
   frontend/learner/kit/app-tokens.css and scoped to `.kit` (not :root), so they reach only the kit's pages here (the step
   pages, step.js). --bg, --ink, --sans and --ease are left out: SOLVE's own (app.css :root) apply, as the learner's
   styles.css :root overrode them there. */
.kit {
  --bg-2: #151515;
  --panel: var(--ink-a03);
  --panel-strong: var(--ink-a06);
  --border: var(--ink-a10);
  --border-strong: var(--ink-a18);
  --text: #ffffff;
  --text-2: #d6d6d6;
  --text-dim: #9a9a9a;
  --text-faint: #6a6a6a;
  --accent: #ffffff;
  --accent-brand: #E0211E;
  --accent-cool: #7cc7e0;
  --danger: #ff5c5c;
  --good: #5cd28d;
  --warn: #ffb84d;
  --ink-a01: rgba(255, 255, 255, 0.01);
  --ink-a02: rgba(255, 255, 255, 0.02);
  --ink-a03: rgba(255, 255, 255, 0.03);
  --ink-a04: rgba(255, 255, 255, 0.04);
  --ink-a05: rgba(255, 255, 255, 0.05);
  --ink-a06: rgba(255, 255, 255, 0.06);
  --ink-a07: rgba(255, 255, 255, 0.07);
  --ink-a08: rgba(255, 255, 255, 0.08);
  --ink-a09: rgba(255, 255, 255, 0.09);
  --ink-a10: rgba(255, 255, 255, 0.1);
  --ink-a11: rgba(255, 255, 255, 0.11);
  --ink-a12: rgba(255, 255, 255, 0.12);
  --ink-a14: rgba(255, 255, 255, 0.14);
  --ink-a15: rgba(255, 255, 255, 0.15);
  --ink-a16: rgba(255, 255, 255, 0.16);
  --ink-a18: rgba(255, 255, 255, 0.18);
  --ink-a20: rgba(255, 255, 255, 0.2);
  --ink-a22: rgba(255, 255, 255, 0.22);
  --ink-a24: rgba(255, 255, 255, 0.24);
  --ink-a25: rgba(255, 255, 255, 0.25);
  --ink-a26: rgba(255, 255, 255, 0.26);
  --ink-a28: rgba(255, 255, 255, 0.28);
  --ink-a30: rgba(255, 255, 255, 0.3);
  --ink-a32: rgba(255, 255, 255, 0.32);
  --ink-a35: rgba(255, 255, 255, 0.35);
  --ink-a38: rgba(255, 255, 255, 0.38);
  --ink-a40: rgba(255, 255, 255, 0.4);
  --ink-a42: rgba(255, 255, 255, 0.42);
  --ink-a44: rgba(255, 255, 255, 0.44);
  --ink-a45: rgba(255, 255, 255, 0.45);
  --ink-a50: rgba(255, 255, 255, 0.5);
  --ink-a55: rgba(255, 255, 255, 0.55);
  --ink-a58: rgba(255, 255, 255, 0.58);
  --ink-a60: rgba(255, 255, 255, 0.6);
  --ink-a62: rgba(255, 255, 255, 0.62);
  --ink-a65: rgba(255, 255, 255, 0.65);
  --ink-a66: rgba(255, 255, 255, 0.66);
  --ink-a68: rgba(255, 255, 255, 0.68);
  --ink-a70: rgba(255, 255, 255, 0.7);
  --ink-a72: rgba(255, 255, 255, 0.72);
  --ink-a75: rgba(255, 255, 255, 0.75);
  --ink-a78: rgba(255, 255, 255, 0.78);
  --ink-a80: rgba(255, 255, 255, 0.8);
  --ink-a82: rgba(255, 255, 255, 0.82);
  --ink-a85: rgba(255, 255, 255, 0.85);
  --ink-a86: rgba(255, 255, 255, 0.86);
  --ink-a88: rgba(255, 255, 255, 0.88);
  --ink-a90: rgba(255, 255, 255, 0.9);
  --ink-a92: rgba(255, 255, 255, 0.92);
  --ink-a95: rgba(255, 255, 255, 0.95);
  --ink-a01: rgba(23, 23, 27, 0.01);
  --ink-a02: rgba(23, 23, 27, 0.02);
  --ink-a03: rgba(23, 23, 27, 0.03);
  --ink-a04: rgba(23, 23, 27, 0.04);
  --ink-a05: rgba(23, 23, 27, 0.05);
  --ink-a06: rgba(23, 23, 27, 0.06);
}
