/* Generated from design/tokens/tokens.json by design/tools/build-tokens.py. Do not edit by hand. */
:root{
  color-scheme:dark;
  --canvas:#07080a;
  --surface:#0d0d0d;
  --surface-elevated:#101111;
  --surface-card:#121212;
  --button-fg:#18191a;
  --hairline:#242728;
  --hairline-soft:rgba(255,255,255,0.08);
  --hairline-strong:rgba(255,255,255,0.16);
  --ink:#f4f4f6;
  --body:#cdcdcd;
  --mute:#9c9c9d;
  --ash:#6a6b6c;
  --stone:#434345;
  --on-dark:#ffffff;
  --on-dark-mute:rgba(255,255,255,0.72);
  --primary:#ffffff;
  --primary-pressed:#e8e8e8;
  --on-primary:#000000;
  --accent-green:#59d499;
  --accent-green-soft:rgba(89,212,153,0.15);
  --accent-yellow:#ffc533;
  --accent-yellow-soft:rgba(255,197,51,0.15);
  --accent-red:#ff6161;
  --accent-red-soft:rgba(255,97,97,0.15);
  --accent-blue:#57c1ff;
  --accent-blue-soft:rgba(87,193,255,0.15);
  --window-background:#07080a;
  --titlebar-background:#07080a;
  --sidebar-background:#0d0d0d;
  --detailpane-background:#0d0d0d;
  --panel-background:#0d0d0d;
  --card-background:#101111;
  --groupheader-background:#101111;
  --tableheader-background:#101111;
  --hover-background:#121212;
  --selection-background:rgba(255,255,255,0.08);
  --selection-border:rgba(255,255,255,0.16);
  --line:#242728;
  --line-strong:rgba(255,255,255,0.16);
  --text-primary:#f4f4f6;
  --text-secondary:#cdcdcd;
  --text-tertiary:#9c9c9d;
  --text-disabled:#6a6b6c;
  --button-primary-background:#ffffff;
  --button-primary-foreground:#000000;
  --button-primary-backgroundhover:#e8e8e8;
  --button-secondary-background:rgba(0,0,0,0);
  --button-secondary-foreground:#ffffff;
  --button-secondary-border:rgba(255,255,255,0.16);
  --button-danger-background:rgba(255,97,97,0.15);
  --button-danger-foreground:#ff6161;
  --button-danger-backgroundhover:rgba(255,97,97,0.22);
  --button-disabled-background:#101111;
  --focus-ring:rgba(255,255,255,0.72);
  --input-background:#101111;
  --input-border:#242728;
  --segmented-background:#0d0d0d;
  --segmented-thumb:#121212;
  --checkbox-border:#6a6b6c;
  --checkbox-checked:#ffffff;
  --checkbox-mark:#000000;
  --chip-background:#101111;
  --chip-foreground:rgba(255,255,255,0.72);
  --chip-border:#242728;
  --keycap-foreground:#cdcdcd;
  --keycap-border:#242728;
  --tab-selected-background:#101111;
  --tab-selected-foreground:#ffffff;
  --tab-selected-border:#242728;
  --nav-selected-background:#101111;
  --nav-selected-border:#242728;
  --tooltip-background:#121212;
  --tooltip-foreground:#f4f4f6;
  --tooltip-border:rgba(255,255,255,0.16);
  --link-foreground:#ffffff;
  --status-ok-background:rgba(89,212,153,0.15);
  --status-ok-foreground:#59d499;
  --status-ok-icon:#59d499;
  --status-warn-background:rgba(255,197,51,0.15);
  --status-warn-foreground:#ffc533;
  --status-warn-icon:#ffc533;
  --status-bad-background:rgba(255,97,97,0.15);
  --status-bad-foreground:#ff6161;
  --status-bad-icon:#ff6161;
  --status-warn-tint:rgba(255,197,51,0.06);
  --status-bad-tint:rgba(255,97,97,0.07);
  --progress-track:#242728;
  --progress-fill:#f4f4f6;
  --downloaded-foreground:#cdcdcd;
  --overlay-background:#18191a;
  --overlay-border:rgba(255,255,255,0.16);
  --overlay-itemhover:rgba(255,255,255,0.08);
  --overlay-separator:#242728;
  --scrim:rgba(0,0,0,0.6);
  --inset-background:#0d0d0d;
  --skeleton:#242728;
  --tooltip-keycap-background:#121212;
  --tooltip-keycap-foreground:#cdcdcd;
  --tooltip-keycap-border:#242728;
  --segmented-thumbborder:rgba(255,255,255,0.16);
  --keycap-background:linear-gradient(#121212,#0d0d0d);
  --shadow-overlay:inset 0px 1px 0px 0px rgba(255,255,255,0.06), 0px 16px 48px 0px rgba(0,0,0,0.5);
}
@media (prefers-color-scheme: light){
  :root{
    color-scheme:light;
    --canvas:#ffffff;
    --surface:#f6f6f7;
    --surface-elevated:#f0f0f1;
    --surface-card:#e9e9eb;
    --button-fg:#e3e3e5;
    --hairline:#e0e0e3;
    --hairline-soft:rgba(7,8,10,0.05);
    --hairline-strong:rgba(7,8,10,0.16);
    --ink:#07080a;
    --body:#2e2f31;
    --mute:#5f6062;
    --ash:#9c9c9d;
    --stone:#cdcdcd;
    --on-dark:#07080a;
    --on-dark-mute:rgba(7,8,10,0.72);
    --primary:#07080a;
    --primary-pressed:#18191a;
    --on-primary:#ffffff;
    --accent-green:#117549;
    --accent-green-soft:rgba(89,212,153,0.2);
    --accent-yellow:#7a5300;
    --accent-yellow-soft:rgba(255,197,51,0.28);
    --accent-red:#b02020;
    --accent-red-soft:rgba(255,97,97,0.16);
    --accent-blue:#0a6aa3;
    --accent-blue-soft:rgba(87,193,255,0.18);
    --window-background:#f6f6f7;
    --titlebar-background:#f6f6f7;
    --sidebar-background:#f6f6f7;
    --detailpane-background:#ffffff;
    --panel-background:#ffffff;
    --card-background:#ffffff;
    --groupheader-background:#f6f6f7;
    --tableheader-background:#f6f6f7;
    --hover-background:#f0f0f1;
    --selection-background:#e9e9eb;
    --selection-border:rgba(7,8,10,0.16);
    --line:#e0e0e3;
    --line-strong:rgba(7,8,10,0.16);
    --text-primary:#07080a;
    --text-secondary:#2e2f31;
    --text-tertiary:#5f6062;
    --text-disabled:#9c9c9d;
    --button-primary-background:#07080a;
    --button-primary-foreground:#ffffff;
    --button-primary-backgroundhover:#18191a;
    --button-secondary-background:#ffffff;
    --button-secondary-foreground:#07080a;
    --button-secondary-border:rgba(7,8,10,0.16);
    --button-danger-background:rgba(255,97,97,0.16);
    --button-danger-foreground:#b02020;
    --button-danger-backgroundhover:rgba(255,97,97,0.24);
    --button-disabled-background:#f0f0f1;
    --focus-ring:rgba(7,8,10,0.72);
    --input-background:#ffffff;
    --input-border:#e0e0e3;
    --segmented-background:#f0f0f1;
    --segmented-thumb:#ffffff;
    --checkbox-border:#8a8a8e;
    --checkbox-checked:#07080a;
    --checkbox-mark:#ffffff;
    --chip-background:#f0f0f1;
    --chip-foreground:#2e2f31;
    --chip-border:#e0e0e3;
    --keycap-foreground:#2e2f31;
    --keycap-border:#e0e0e3;
    --tab-selected-background:#ffffff;
    --tab-selected-foreground:#07080a;
    --tab-selected-border:#e0e0e3;
    --nav-selected-background:#ffffff;
    --nav-selected-border:#e0e0e3;
    --tooltip-background:#07080a;
    --tooltip-foreground:#ffffff;
    --tooltip-border:rgba(0,0,0,0);
    --link-foreground:#07080a;
    --status-ok-background:rgba(89,212,153,0.2);
    --status-ok-foreground:#117549;
    --status-ok-icon:#117549;
    --status-warn-background:rgba(255,197,51,0.28);
    --status-warn-foreground:#7a5300;
    --status-warn-icon:#a06d00;
    --status-bad-background:rgba(255,97,97,0.16);
    --status-bad-foreground:#b02020;
    --status-bad-icon:#b02020;
    --status-warn-tint:rgba(255,197,51,0.1);
    --status-bad-tint:rgba(255,97,97,0.08);
    --progress-track:#e9e9eb;
    --progress-fill:#07080a;
    --downloaded-foreground:#2e2f31;
    --overlay-background:#ffffff;
    --overlay-border:#e0e0e3;
    --overlay-itemhover:#f0f0f1;
    --overlay-separator:#e0e0e3;
    --scrim:rgba(7,8,10,0.28);
    --inset-background:#f6f6f7;
    --skeleton:#e9e9eb;
    --tooltip-keycap-background:#18191a;
    --tooltip-keycap-foreground:#cdcdcd;
    --tooltip-keycap-border:#242728;
    --segmented-thumbborder:rgba(7,8,10,0.16);
    --keycap-background:linear-gradient(#ffffff,#f0f0f1);
    --shadow-overlay:0px 1px 3px 0px rgba(7,8,10,0.06), 0px 12px 32px 0px rgba(7,8,10,0.07);
  }
}
:root{
  --fs-caption-sm:12px;--lh-caption-sm:18px;--fw-caption-sm:400;--ls-caption-sm:0.4px;
  --fs-status:12px;--lh-status:14px;--fw-status:500;--ls-status:0.4px;
  --fs-caption-md:13px;--lh-caption-md:18px;--fw-caption-md:400;--ls-caption-md:0.1px;
  --fs-body-sm:14px;--lh-body-sm:22px;--fw-body-sm:400;--ls-body-sm:0px;
  --fs-body-sm-strong:14px;--lh-body-sm-strong:20px;--fw-body-sm-strong:500;--ls-body-sm-strong:0.2px;
  --fs-body-strong:16px;--lh-body-strong:22px;--fw-body-strong:500;--ls-body-strong:0.2px;
  --fs-heading-sm:18px;--lh-heading-sm:24px;--fw-heading-sm:500;--ls-heading-sm:0.2px;
  --fs-heading-xl:24px;--lh-heading-xl:28px;--fw-heading-xl:500;--ls-heading-xl:0.2px;
  --fs-mono-sm:12px;--lh-mono-sm:16px;--fw-mono-sm:400;--ls-mono-sm:0px;
  --fs-mono-md:13px;--lh-mono-md:18px;--fw-mono-md:400;--ls-mono-md:0px;
  --fs-code:24px;--lh-code:28px;--fw-code:500;--ls-code:2.9px;
  --space-xxs:2px;
  --space-xs:4px;
  --space-sm:8px;
  --space-md:12px;
  --space-lg:16px;
  --space-xl:24px;
  --space-xxl:32px;
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:10px;
  --radius-xl:16px;
  --radius-full:9999px;
  --motion-fast:150ms;--motion-slow:300ms;--motion-spin:900ms;--motion-pulse:1400ms;--motion-slide:1400ms;
}