/* Weloop Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #faf8f3;
  --panel: #ffffff;
  --panel-sunken: #f3f1ec;
  --ink: #141317;
  --ink-raised: #2a292e;
  --ink-2: #5c5b60;
  --ink-3: #8f8d87;
  --line: #e8e5dd;
  --line-strong: #cfccc3;
  --signal: #7b3fff;
  --on-signal: #ffffff;
  --signal-soft: #efe9ff;
  --ok: #1f7a4d;
  --warn: #9a5b00;
  --danger: #c0272d;
  --mint: #24c38a;
  --shadow-none: none;
  --shadow-popover: 0 8px 24px rgba(17, 17, 24, 0.10);
}
[data-theme="dark"] {
  --paper: #0e0e12;
  --panel: #15151b;
  --panel-sunken: #0a0a0d;
  --ink: #f1f1f4;
  --ink-raised: #d8d8de;
  --ink-2: #a2a2b0;
  --ink-3: #6e6e7c;
  --line: #26262e;
  --line-strong: #3a3a45;
  --signal: #9d87ff;
  --on-signal: #ffffff;
  --signal-soft: #1e1c3a;
  --ok: #4fcb8a;
  --warn: #e0a030;
  --danger: #f0636a;
  --mint: #24c38a;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;
  --space-32: 128px;
  --measure: 640px;
  --container: 1200px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --duration-fast: 120ms;
  --duration-base: 240ms;
  --duration-loop: 1600ms;
  --easing: cubic-bezier(0.2, 0, 0, 1);
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}