/* Bob Labs — generated from tokens.json */
:root, [data-theme="dark"] {
  --bg: #07090d;
  --surface: #0b0f15;
  --raised: #11161e;
  --hover: #171d27;
  --user: #0f1d22;
  --line: #1b222c;
  --edge: #5c6678;
  --fg: #e7ecf3;
  --muted: #8590a3;
  --faint: #4f5868;
  --accent: #5eead4;
  --accent-hover: #99f6e4;
  --accent-2: #60a5fa;
  --on-accent: #06121a;
  --accent-soft: #5eead41f;
  --ok: #4ade80;
  --ok-soft: #4ade801f;
  --warn: #fbbf24;
  --warn-soft: #fbbf241f;
  --danger: #f87171;
  --danger-soft: #f871711f;
  --scrim: #000000b3;
  --veil: #07090dd9;
  --grid: #94a3b80b;
  --grid-strong: #94a3b814;
  --shadow-pop: 0 16px 40px -12px #000000e6, 0 0 0 1px #1b222c;
  --focus-ring: 0 0 0 2px #07090d, 0 0 0 4px #5eead4;
}
[data-theme="light"] {
  --bg: #f4f6f8;
  --surface: #fafbfc;
  --raised: #ffffff;
  --hover: #eaeef2;
  --user: #e2f1ee;
  --line: #dde3ea;
  --edge: #7b8696;
  --fg: #0b1220;
  --muted: #556072;
  --faint: #98a2b0;
  --accent: #0f766e;
  --accent-hover: #115e59;
  --accent-2: #2563eb;
  --on-accent: #ffffff;
  --accent-soft: #0f766e1a;
  --ok: #11743a;
  --ok-soft: #11743a1a;
  --warn: #a14a06;
  --warn-soft: #a14a061a;
  --danger: #b91c1c;
  --danger-soft: #b91c1c14;
  --scrim: #0b122059;
  --veil: #f4f6f8d9;
  --grid: #0b12200a;
  --grid-strong: #0b122012;
  --shadow-pop: 0 12px 32px -10px #0b122040, 0 0 0 1px #dde3ea;
  --focus-ring: 0 0 0 2px #f4f6f8, 0 0 0 4px #0f766e;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.t-display { font-family: var(--font-sans); font-size: 40px; line-height: 46px; font-weight: 500; letter-spacing: -0.022em; }
.t-title { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 500; letter-spacing: -0.02em; }
.t-figure { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 600; letter-spacing: -0.02em; }
.t-heading { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.01em; }
.t-body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.t-ui { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.t-small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.t-tag { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: 0.01em; }
.t-label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; }
.t-code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-latin.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-latin.woff2") format("woff2"); font-weight: 400 500; font-style: normal; font-display: swap; }