/* Generated from design/tokens.json by design/tools/build-app-tokens.mjs. Do not edit. */
:root[data-theme="dark"] {
  --v-trk: rgba(255,255,255,.13);
  --v-ic: #e6e7eb;
  --v-ring2: #18191f;
  --v-pane: rgba(18,19,24,.22);
  --v-pedge: rgba(255,255,255,.08);
  --v-bg: #0f1014;
  --v-card: #17181d;
  --v-ink: #eceef2;
  --v-mut: #9a9ca6;
  --v-line: #262730;
  --v-surf: rgba(24,25,31,.94);
  --v-surf2: #22232b;
  --v-hair: rgba(255,255,255,.07);
  --v-edge: #000;
  --v-acc: #ffc93c;
  --v-accink: #15161a;
  --v-live: #ff4d3d;
  --v-sh: 0 2.88px 7.2px rgba(0,0,0,.25),0 12.96px 43.2px rgba(0,0,0,.42);
}

:root,
:root[data-theme="light"] {
  --v-trk: rgba(15,20,35,.09);
  --v-ic: #2a2d35;
  --v-ring2: #fff;
  --v-pane: rgba(255,255,255,.5);
  --v-pedge: rgba(15,20,35,.1);
  --v-bg: #f4f5f8;
  --v-card: #fff;
  --v-ink: #15171c;
  --v-mut: #5d6270;
  --v-line: #e1e4ea;
  --v-surf: rgba(255,255,255,.9);
  --v-surf2: #eef0f4;
  --v-hair: rgba(255,255,255,.6);
  --v-edge: rgba(15,20,35,.14);
  --v-acc: #2f6bff;
  --v-accink: #fff;
  --v-live: #ff4d3d;
  --v-sh: 0 2.16px 5.76px rgba(20,30,60,.08),0 12.96px 43.2px rgba(20,30,60,.16);
}

:root[data-theme="neon"] {
  --v-trk: rgba(255,255,255,.13);
  --v-ic: #e6e7eb;
  --v-ring2: #18191f;
  --v-pane: rgba(18,19,24,.22);
  --v-pedge: rgba(255,255,255,.08);
  --v-bg: #0f1014;
  --v-card: #17181d;
  --v-ink: #eceef2;
  --v-mut: #a99bc4;
  --v-line: #352650;
  --v-surf: rgba(36,26,54,.95);
  --v-surf2: #3a2b55;
  --v-hair: rgba(210,160,255,.22);
  --v-edge: #000;
  --v-acc: #ff4fd8;
  --v-accink: #1b0826;
  --v-live: #ff3d7f;
  --v-acc2: #8b5cf6;
  --v-sh: 0 5.04px 20.16px rgba(10,0,30,.45),0 0 15.84px rgba(255,79,216,.10);
}

:root {
  --v-fs-2xs: 12.24px;
  --v-fs-xs: 13.68px;
  --v-fs-sm: 15.12px;
  --v-fs-md: 16.56px;
  --v-fs-lg: 18.72px;
  --v-fs-xl: 23.04px;
  --v-fs-2xl: 34.56px;
  --v-fs-page-body: 17px;
  --v-fs-page-caption: 15px;
  --v-fs-page-h2: 22px;
  --v-fs-page-h1: 30px;
  --v-sp-1: 5.76px;
  --v-sp-2: 7.2px;
  --v-sp-3: 10.08px;
  --v-sp-4: 12.96px;
  --v-sp-5: 17.28px;
  --v-sp-6: 20.16px;
  --v-sp-phone-2: 8px;
  --v-sp-phone-3: 14px;
  --v-r-xs: 4.32px;
  --v-r-sm: 8.64px;
  --v-r-md: 11.52px;
  --v-r-lg: 14.4px;
  --v-r-xl: 20.16px;
  --v-r-card: 14px;
  --v-r-sheet: 12px;
  --v-r-pill: 99px;
}

/* Pass-2 motion tokens (P7 round 2): one set of durations and one ease for every pane and view. */
:root {
  --v-dur-fast: 120ms;
  --v-dur-base: 200ms;
  --v-dur-slow: 280ms;
  --v-ease-out: cubic-bezier(.2,.8,.2,1);
  --v-ease-in: cubic-bezier(.4,0,1,1);
}

/* Theme-independent constants: the white tick on a picked colour and its shadow (same in every theme). */
:root {
  --v-tick: #fff;
  --v-tick-sh: rgba(0,0,0,.5);
}