/* Braid UI tokens. Generated from tokens/tokens.json by scripts/build.mjs: edit the JSON, not this file. */
:root, [data-theme="light"] {
  color-scheme: light;
  --ink: #10182b;
  --slate: #65708a;
  --mist: #e8eaf3;
  --cloud: #f7f8fc;
  --periwinkle: #6357fc;
  --aqua: #35d9c3;
  --coral: #ff8a7a;
  --success: #00aa81;
  --info: #0593e6;
  --warning: #cd8000;
  --danger-brand: #df2e40;
  --haze: #f0f2f8;
  --mist-deep: #d5d9e6;
  --mist-strong: #b8bed0;
  --ink-soft: #3a4560;
  --aqua-deep: #239a8a;
  --coral-deep: #d47264;
  --ink-raised: #151e33;
  --ink-surface: #1c2640;
  --ink-card: #19223a;
  --ink-hover: #232d4a;
  --ink-line: #26314d;
  --ink-edge: #343f5e;
  --ink-strong: #4a5677;
  --cloud-dim: #b6bdd0;
  --slate-light: #8f98b0;
  --app: var(--cloud);
  --panel: #ffffff;
  --surface: #ffffff;
  --card: #ffffff;
  --card-hover: var(--cloud);
  --column: var(--cloud);
  --sunken: var(--haze);
  --hover: var(--haze);
  --hover-menu: var(--haze);
  --selected: var(--haze);
  --line: var(--mist);
  --line-menu: var(--mist);
  --line-card: var(--mist);
  --line-column: var(--mist);
  --line-rule: var(--mist);
  --line-control: var(--mist-deep);
  --line-float: var(--mist-deep);
  --line-strong: var(--mist-strong);
  --line-tabs: var(--mist);
  --line-button: var(--mist-deep);
  --divide: var(--mist);
  --text: var(--ink);
  --ink-secondary: var(--ink-soft);
  --ink-muted: var(--slate);
  --ink-subtle: #9aa2b8;
  --placeholder: #8b93a8;
  --ink-menu: var(--ink);
  --ink-card-meta: var(--slate);
  --primary: var(--periwinkle);
  --on-primary: #ffffff;
  --accent: var(--periwinkle);
  --accent-soft: #eeeeff;
  --accent-text: var(--text);
  --on-accent: #ffffff;
  --mark: var(--ink);
  --on-mark: var(--cloud);
  --avatar: var(--ink);
  --on-avatar: var(--cloud);
  --knob: #ffffff;
  --btn-secondary: #ffffff;
  --danger: var(--danger-brand);
  --on-danger: #ffffff;
  --error: var(--danger-brand);
  --good: var(--success);
  --bad: var(--danger-brand);
  --warn: var(--warning);
  --info-ink: var(--info);
  --good-icon: var(--success);
  --bad-icon: var(--danger-brand);
  --warn-icon: var(--warning);
  --info-icon: var(--info);
  --good-soft: #d9f3ec;
  --bad-soft: #fde4e6;
  --warn-soft: #f8ecd6;
  --progress: var(--info);
  --progress-done: var(--success);
  --progress-track: var(--mist);
  --track: var(--mist-strong);
  --count: var(--haze);
  --scroll-track: var(--cloud);
  --scroll-thumb: var(--mist-deep);
  --badge-ring: var(--mist-deep);
  --badge-ink: var(--ink-soft);
  --scrim: #10182b40;
  --float: #ffffffe6;
  --signal-from: #6d6bff;
  --signal-to: var(--aqua);
  --series-1: var(--periwinkle);
  --series-2: var(--aqua-deep);
  --series-3: var(--coral-deep);
  --series-muted: var(--slate);
  --grid: var(--mist);
  --danger-ink: var(--danger-brand);
  --label-periwinkle: var(--periwinkle);
  --label-sky: #36baeb;
  --label-aqua: var(--aqua);
  --label-lime: #98cb46;
  --label-marigold: #f2b036;
  --label-coral: var(--coral);
  --label-orchid: #cd69dc;
  --label-slate: var(--slate);
  --shadow-lg: 0 10px 15px -3px rgba(16,24,43,0.1), 0 4px 6px -4px rgba(16,24,43,0.08);
  --shadow-3xl: rgba(16,24,43,0.12) 0px 4px 30px, rgba(16,24,43,0.04) 0px 3px 17px, rgba(16,24,43,0.04) 0px 2px 8px, rgba(16,24,43,0.04) 0px 1px 1px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ink: #10182b;
    --slate: #65708a;
    --mist: #e8eaf3;
    --cloud: #f7f8fc;
    --periwinkle: #6357fc;
    --aqua: #35d9c3;
    --coral: #ff8a7a;
    --success: #00aa81;
    --info: #0593e6;
    --warning: #cd8000;
    --danger-brand: #df2e40;
    --haze: #f0f2f8;
    --mist-deep: #d5d9e6;
    --mist-strong: #b8bed0;
    --ink-soft: #3a4560;
    --aqua-deep: #239a8a;
    --coral-deep: #d47264;
    --ink-raised: #151e33;
    --ink-surface: #1c2640;
    --ink-card: #19223a;
    --ink-hover: #232d4a;
    --ink-line: #26314d;
    --ink-edge: #343f5e;
    --ink-strong: #4a5677;
    --cloud-dim: #b6bdd0;
    --slate-light: #8f98b0;
    --app: var(--ink-raised);
    --panel: var(--ink);
    --surface: var(--ink-surface);
    --card: var(--ink-card);
    --card-hover: var(--ink-hover);
    --column: var(--ink-raised);
    --sunken: var(--ink-hover);
    --hover: var(--ink-hover);
    --hover-menu: var(--ink-hover);
    --selected: var(--ink-hover);
    --line: var(--ink-line);
    --line-menu: var(--ink-line);
    --line-card: var(--ink-line);
    --line-column: var(--ink-line);
    --line-rule: var(--ink-line);
    --line-control: var(--ink-edge);
    --line-float: var(--ink-edge);
    --line-strong: var(--ink-strong);
    --line-tabs: var(--ink-line);
    --line-button: var(--ink-edge);
    --divide: var(--ink-line);
    --text: var(--cloud);
    --ink-secondary: var(--cloud-dim);
    --ink-muted: var(--slate-light);
    --ink-subtle: #5d6886;
    --placeholder: #6f7a96;
    --ink-menu: var(--cloud);
    --ink-card-meta: var(--slate-light);
    --primary: var(--periwinkle);
    --on-primary: #ffffff;
    --accent: var(--periwinkle);
    --accent-soft: #1f2350;
    --accent-text: var(--text);
    --on-accent: #ffffff;
    --mark: var(--cloud);
    --on-mark: var(--ink);
    --avatar: #2a3553;
    --on-avatar: var(--cloud);
    --knob: #ffffff;
    --btn-secondary: var(--ink-surface);
    --danger: var(--danger-brand);
    --on-danger: #ffffff;
    --error: var(--danger-brand);
    --good: var(--success);
    --bad: var(--danger-brand);
    --warn: var(--warning);
    --info-ink: var(--info);
    --good-icon: var(--success);
    --bad-icon: var(--danger-brand);
    --warn-icon: var(--warning);
    --info-icon: var(--info);
    --good-soft: #0f3a33;
    --bad-soft: #3d1820;
    --warn-soft: #3a2c14;
    --progress: var(--info);
    --progress-done: var(--success);
    --progress-track: var(--ink-line);
    --track: var(--ink-strong);
    --count: var(--ink-hover);
    --scroll-track: var(--ink-raised);
    --scroll-thumb: var(--ink-edge);
    --badge-ring: var(--ink-edge);
    --badge-ink: var(--cloud-dim);
    --scrim: #0000008c;
    --float: #1c2640e6;
    --signal-from: #6d6bff;
    --signal-to: var(--aqua);
    --series-1: var(--periwinkle);
    --series-2: var(--aqua);
    --series-3: var(--coral);
    --series-muted: var(--slate-light);
    --grid: var(--ink-line);
    --danger-ink: var(--text);
    --label-periwinkle: var(--periwinkle);
    --label-sky: #36baeb;
    --label-aqua: var(--aqua);
    --label-lime: #98cb46;
    --label-marigold: #f2b036;
    --label-coral: var(--coral);
    --label-orchid: #cd69dc;
    --label-slate: var(--slate);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.3);
    --shadow-3xl: 0px 16px 70px rgba(0,0,0,0.55);
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --ink: #10182b;
  --slate: #65708a;
  --mist: #e8eaf3;
  --cloud: #f7f8fc;
  --periwinkle: #6357fc;
  --aqua: #35d9c3;
  --coral: #ff8a7a;
  --success: #00aa81;
  --info: #0593e6;
  --warning: #cd8000;
  --danger-brand: #df2e40;
  --haze: #f0f2f8;
  --mist-deep: #d5d9e6;
  --mist-strong: #b8bed0;
  --ink-soft: #3a4560;
  --aqua-deep: #239a8a;
  --coral-deep: #d47264;
  --ink-raised: #151e33;
  --ink-surface: #1c2640;
  --ink-card: #19223a;
  --ink-hover: #232d4a;
  --ink-line: #26314d;
  --ink-edge: #343f5e;
  --ink-strong: #4a5677;
  --cloud-dim: #b6bdd0;
  --slate-light: #8f98b0;
  --app: var(--ink-raised);
  --panel: var(--ink);
  --surface: var(--ink-surface);
  --card: var(--ink-card);
  --card-hover: var(--ink-hover);
  --column: var(--ink-raised);
  --sunken: var(--ink-hover);
  --hover: var(--ink-hover);
  --hover-menu: var(--ink-hover);
  --selected: var(--ink-hover);
  --line: var(--ink-line);
  --line-menu: var(--ink-line);
  --line-card: var(--ink-line);
  --line-column: var(--ink-line);
  --line-rule: var(--ink-line);
  --line-control: var(--ink-edge);
  --line-float: var(--ink-edge);
  --line-strong: var(--ink-strong);
  --line-tabs: var(--ink-line);
  --line-button: var(--ink-edge);
  --divide: var(--ink-line);
  --text: var(--cloud);
  --ink-secondary: var(--cloud-dim);
  --ink-muted: var(--slate-light);
  --ink-subtle: #5d6886;
  --placeholder: #6f7a96;
  --ink-menu: var(--cloud);
  --ink-card-meta: var(--slate-light);
  --primary: var(--periwinkle);
  --on-primary: #ffffff;
  --accent: var(--periwinkle);
  --accent-soft: #1f2350;
  --accent-text: var(--text);
  --on-accent: #ffffff;
  --mark: var(--cloud);
  --on-mark: var(--ink);
  --avatar: #2a3553;
  --on-avatar: var(--cloud);
  --knob: #ffffff;
  --btn-secondary: var(--ink-surface);
  --danger: var(--danger-brand);
  --on-danger: #ffffff;
  --error: var(--danger-brand);
  --good: var(--success);
  --bad: var(--danger-brand);
  --warn: var(--warning);
  --info-ink: var(--info);
  --good-icon: var(--success);
  --bad-icon: var(--danger-brand);
  --warn-icon: var(--warning);
  --info-icon: var(--info);
  --good-soft: #0f3a33;
  --bad-soft: #3d1820;
  --warn-soft: #3a2c14;
  --progress: var(--info);
  --progress-done: var(--success);
  --progress-track: var(--ink-line);
  --track: var(--ink-strong);
  --count: var(--ink-hover);
  --scroll-track: var(--ink-raised);
  --scroll-thumb: var(--ink-edge);
  --badge-ring: var(--ink-edge);
  --badge-ink: var(--cloud-dim);
  --scrim: #0000008c;
  --float: #1c2640e6;
  --signal-from: #6d6bff;
  --signal-to: var(--aqua);
  --series-1: var(--periwinkle);
  --series-2: var(--aqua);
  --series-3: var(--coral);
  --series-muted: var(--slate-light);
  --grid: var(--ink-line);
  --danger-ink: var(--text);
  --label-periwinkle: var(--periwinkle);
  --label-sky: #36baeb;
  --label-aqua: var(--aqua);
  --label-lime: #98cb46;
  --label-marigold: #f2b036;
  --label-coral: var(--coral);
  --label-orchid: #cd69dc;
  --label-slate: var(--slate);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.4), 0 4px 6px -4px rgba(0,0,0,0.3);
  --shadow-3xl: 0px 16px 70px rgba(0,0,0,0.55);
}
:root {
  --shadow-sm: 0 1px 2px 0 rgba(16,24,43,0.06);
  --shadow: 0 1px 3px 0 rgba(16,24,43,0.12), 0 1px 2px -1px rgba(16,24,43,0.1);
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-12: 48px;
  --radius-sm: 4px;
  --radius-item: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --size-control: 34px;
  --size-icon-btn: 28px;
  --size-header: 48px;
  --size-sidebar: 256px;
  --size-column: 18rem;
  --size-menu: 224px;
  --size-modal-sm: 400px;
  --size-modal-md: 550px;
  --size-modal-lg: 800px;
  --size-toast: 350px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.t-page-title { font: 700 20px/28px var(--font-sans); letter-spacing: -0.025em; }
.t-brand { font: 700 17px/24px var(--font-sans); letter-spacing: -0.025em; }
.t-heading { font: 700 15px/22px var(--font-sans); }
.t-figure { font: 700 24px/30px var(--font-sans); letter-spacing: -0.025em; }
.t-base { font: 500 15px/24px var(--font-sans); }
.t-sm { font: 400 13px/20px var(--font-sans); }
.t-ui-12 { font: 400 13px/18px var(--font-sans); }
.t-xs { font: 400 12px/16px var(--font-sans); }
.t-badge { font: 500 11px/16px var(--font-sans); }
.t-code { font: 400 12px/16px var(--font-mono); }