/* Generated by tools/build-tokens.mjs from packages/forma/tokens.json. */
:root{
  --f-canvas:#f7f8ff;
  --f-surface:#ffffff;
  --f-surface-raised:#ffffff;
  --f-soft:#eef0ff;
  --f-ink:#202444;
  --f-muted:#5d6382;
  --f-line:#dce0f2;
  --f-primary:#4255e8;
  --f-on-primary:#ffffff;
  --f-highlight:#ffd979;
  --f-on-highlight:#48300a;
  --f-danger:#b7304f;
  --f-danger-soft:#fff0f3;
  --f-success:#18775b;
  --f-success-soft:#e5f8ef;
  --f-warning:#865100;
  --f-warning-soft:#fff3d5;
}
:root[data-theme="dark"]{
  --f-canvas:#11152a;
  --f-surface:#1a203b;
  --f-surface-raised:#242c4c;
  --f-soft:#292f51;
  --f-ink:#f5f6ff;
  --f-muted:#bbc3e0;
  --f-line:#3b446a;
  --f-primary:#b4beff;
  --f-on-primary:#171d40;
  --f-highlight:#ffda85;
  --f-on-highlight:#392606;
  --f-danger:#ffb2c3;
  --f-danger-soft:#49243b;
  --f-success:#8fe3c2;
  --f-success-soft:#183d3b;
  --f-warning:#ffe09a;
  --f-warning-soft:#473922;
}
:root{
  --f-space-4:4px;
  --f-space-8:8px;
  --f-space-12:12px;
  --f-space-16:16px;
  --f-space-20:20px;
  --f-space-24:24px;
  --f-space-32:32px;
  --f-space-40:40px;
  --f-space-48:48px;
  --f-space-64:64px;
  --f-space-96:96px;
  --f-radius-8:8px;
  --f-radius-12:12px;
  --f-radius-18:18px;
  --f-radius-24:24px;
  --f-radius-32:32px;
  --f-quick:140ms;
  --f-standard:240ms;
  --f-entrance:440ms;
  --f-ease:cubic-bezier(0.22,1,0.36,1);
  --f-radius:var(--f-radius-24);
  --f-shadow:0 12px 40px #303c8d0a;
  --f-font:"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}