/* Generated from design-system/truffle/tokens.json by scripts/build-truffle-tokens.mjs. Do not edit. */
:root{
  /* colour */
  --ground:#000000;
  --surface:#1c1c1e;
  --surface-2:#252528;
  --text:#f5f5f7;
  --text-2:#aeaeb2;
  --muted:#7c7c80;
  --icon:#e6e6ea;
  --icon-dim:#8e8e93;
  --dot:#6e6e73;
  --track-top:#3d3d40;
  --track-bot:#2c2c2e;
  --accent:#ffffff;
  --neon:#ac76ff;
  --glow:#965fff;
  --loop-start:#2f6df0;
  --loop-end:#7a5cf6;
  --speaker-a:#ffffff;
  --speaker-b:#f2ff4d;
  --warn:#ffb366;
  --danger:#ff453a;
  --glass-control:rgba(255,255,255,0.045);
  --glass-content:rgba(255,255,255,0.05);
  --glass-3:rgba(255,255,255,0.075);
  --glass-lit:rgba(255,255,255,0.14);
  --frost:rgba(46,46,54,0.36);
  --slot:rgba(0,0,0,0.28);
  --hairline:rgba(255,255,255,0.07);
  --rim:rgba(255,255,255,0.12);
  --scrim:rgba(0,0,0,0.86);
  /* spacing */
  --space-1:4px;
  --space-2:6px;
  --space-3:10px;
  --space-4:14px;
  --space-5:16px;
  --space-6:24px;
  --space-7:32px;
  /* radius */
  --radius-row:14px;
  --radius-card:22px;
  --radius-pill:999px;
  /* shadow */
  --shadow-pill:inset 0 1px 0 rgba(255,255,255,0.12), inset 0 0 0 0.5px rgba(255,255,255,0.08), inset 0 -1px 2px rgba(0,0,0,0.35), 0 8px 18px rgba(0,0,0,0.4);
  --shadow-card:inset 0 1px 0 rgba(255,255,255,0.12), inset 0 0 0 0.5px rgba(255,255,255,0.08), inset 0 -1px 2px rgba(0,0,0,0.35), 0 10px 24px rgba(0,0,0,0.45);
  --shadow-chip:inset 0 1px 6px rgba(255,255,255,0.07), inset 0 0 0 0.5px rgba(255,255,255,0.06), 0 8px 20px rgba(0,0,0,0.35);
  --shadow-capsule:inset 2px -2px 1px -1px rgba(255,255,255,0.34), inset -2px 2px 1px -1px rgba(255,255,255,0.34), inset 0 0 2px rgba(255,255,255,0.22), 0 10px 28px rgba(0,0,0,0.6);
  --shadow-puck:inset 1.5px -1.5px 1px -1px rgba(255,255,255,0.5), inset -1.5px 1.5px 1px -1px rgba(255,255,255,0.5), inset 0 0 2px rgba(255,255,255,0.25), 0 3px 8px rgba(0,0,0,0.45);
  --shadow-lens:inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -2px 5px rgba(0,0,0,0.5), 0 3px 8px rgba(0,0,0,0.5);
  --shadow-frost:inset 0 1px 0 rgba(255,255,255,0.09), inset 0 0 0 0.5px rgba(255,255,255,0.06), inset 0 1px 16px rgba(255,255,255,0.035), 0 24px 60px rgba(0,0,0,0.45);
  --shadow-neon:inset 0 0 0 3px #ac76ff, inset 0 0 0 4px rgba(0,0,0,0.35), inset 0 0 14px rgba(172,118,255,0.35), 0 0 0 0.5px rgba(205,175,255,0.5), 0 0 14px rgba(150,95,255,0.55), 0 0 30px rgba(150,95,255,0.22);
  /* blur */
  --blur-glass:16px;
  --blur-frost:30px;
  /* easing */
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-settle:cubic-bezier(.2,.9,.25,1);
  --ease-spring:cubic-bezier(.32,.72,0,1);
  --ease-pop:cubic-bezier(.3,.7,.4,1.4);
  /* duration */
  --time-quick:200ms;
  --time-base:320ms;
  --time-move:420ms;
  --time-shape:620ms;
  /* type */
  --font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;
}
:root[data-theme="light"]{
  /* colour */
  --ground:#f1eee9;
  --surface:#fbfaf8;
  --surface-2:#f5f2ee;
  --text:#1b1c20;
  --text-2:#4a4a51;
  --muted:#67676e;
  --icon:#2c2c31;
  --icon-dim:#7a7a81;
  --dot:#b9b6b0;
  --track-top:#ffffff;
  --track-bot:#f6f4f1;
  --accent:#2f5fd6;
  --neon:#a06cfa;
  --glow:#a06cfa;
  --loop-start:#3a6ae6;
  --loop-end:#7457ec;
  --speaker-a:#1b1c20;
  --speaker-b:#5a3cc9;
  --warn:#a85400;
  --danger:#e5372b;
  --glass-control:rgba(255,255,255,0.3);
  --glass-content:rgba(255,255,255,0.3);
  --glass-3:rgba(255,255,255,0.58);
  --glass-lit:rgba(255,255,255,0.92);
  --frost:rgba(250,248,245,0.72);
  --slot:rgba(0,0,0,0);
  --hairline:rgba(28,28,36,0.07);
  --rim:rgba(28,28,36,0.1);
  --scrim:rgba(240,237,233,0.9);
  /* shadow */
  --shadow-pill:inset 2px -2px 1px -1px rgba(255,255,255,0.95), inset -2px 2px 1px -1px rgba(255,255,255,0.95), inset 0 0 2px rgba(0,0,0,0.32), 0 2px 6px rgba(45,38,26,0.12);
  --shadow-card:inset 0 1px 0 rgba(255,255,255,0.9), inset 0 0 0 1px rgba(28,28,36,0.08), 0 1px 2px rgba(45,38,26,0.05), 0 10px 28px -10px rgba(45,38,26,0.18);
  --shadow-chip:inset 2px -2px 1px -1px rgba(255,255,255,0.95), inset -2px 2px 1px -1px rgba(255,255,255,0.95), inset 0 0 2px rgba(0,0,0,0.32), 0 4px 10px rgba(45,38,26,0.14);
  --shadow-capsule:inset 2px -2px 1px -1px rgba(255,255,255,0.95), inset -2px 2px 1px -1px rgba(255,255,255,0.95), inset 0 0 2px rgba(0,0,0,0.32), 0 4px 10px rgba(45,38,26,0.14);
  --shadow-puck:inset 0 1px 0 #ffffff, inset 0 0 0 1px rgba(28,28,36,0.1), 0 1px 2px rgba(45,38,26,0.08), 0 4px 10px -4px rgba(45,38,26,0.16);
  --shadow-lens:inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 3px rgba(45,38,26,0.18);
  --shadow-frost:inset 0 1px 0 rgba(255,255,255,0.8), inset 0 0 7px 1px rgba(255,255,255,0.5), inset 0 0 0 1px rgba(28,28,36,0.1), 0 1px 2px rgba(45,38,26,0.05), 0 10px 28px -10px rgba(45,38,26,0.16);
  --shadow-neon:inset 0 0 0 3px #a06cfa, inset 0 0 0 3.5px rgba(255,255,255,0.6), 0 0 0 0.5px rgba(110,60,200,0.3);
}