/* GENERATED by scripts/gen-brand.py from brand/tokens.json. Do not edit. */
:root {
  --accent-color: #0088ff;
  --accent-soft: color-mix(in srgb, var(--accent-color) 14%, transparent);
  --accent-text: color-mix(in srgb, var(--accent-color) 82%, black);
  --accent-2: color-mix(in srgb, var(--accent-color) 60%, white);
  --accent-strong: color-mix(in srgb, var(--accent-color) 86%, black);   /* white text on this is >= 4.5:1 for the default blue */
  --on-accent: #fff;
  --status-running: #0088ff;
  --status-queued: #ff9f0a;
  --status-succeeded: #30d158;
  --status-failed: #ff383c;
  --status-neutral: #8c8c93;
  --bg: #f5f5f7;
  --surface: #ffffff;
  --raised: #ffffff;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --line: #d2d2d7;
  --hairline: rgba(0,0,0,0.08);
  --fill: rgba(0,0,0,0.04);
  --glow: rgba(0,136,255,0.18);
  --t-caption-size: 12px; --t-caption-line: 1.35; --t-caption-track: 0; --t-caption-weight: 500;
  --t-footnote-size: 13px; --t-footnote-line: 1.4; --t-footnote-track: -0.003em; --t-footnote-weight: 400;
  --t-body-size: 15px; --t-body-line: 1.47; --t-body-track: -0.01em; --t-body-weight: 400;
  --t-title3-size: 19px; --t-title3-line: 1.25; --t-title3-track: -0.016em; --t-title3-weight: 600;
  --t-title2-size: 24px; --t-title2-line: 1.2; --t-title2-track: -0.022em; --t-title2-weight: 650;
  --t-title1-size: 34px; --t-title1-line: 1.1; --t-title1-track: -0.03em; --t-title1-weight: 700;
  --t-display-size: clamp(40px, 5.2vw, 68px); --t-display-line: 1.04; --t-display-track: -0.04em; --t-display-weight: 700;
  --r-window: 26px;
  --r-panel: 20px;
  --r-control: 12px;
  --r-small: 8px;
  --r-pill: 999px;
  --m-spring: cubic-bezier(0.2, 0.8, 0.2, 1);
  --m-out: cubic-bezier(0.16, 1, 0.3, 1);
  --m-fast: 160ms;
  --m-base: 320ms;
  --m-slow: 640ms;
  --shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 1px rgba(0,0,0,.04);
  --shadow-2: 0 2px 6px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.08);
  --shadow-3: 0 4px 12px rgba(0,0,0,.08), 0 28px 70px rgba(0,0,0,.16);
  --job-0: hsl(211 72% 40%);
  --job-1: hsl(280 72% 40%);
  --job-2: hsl(20 72% 40%);
  --job-3: hsl(150 72% 40%);
  --job-4: hsl(330 72% 40%);
  --job-5: hsl(255 72% 40%);
  --job-6: hsl(188 72% 40%);
  --job-7: hsl(8 72% 40%);
}
:root[data-accent="blue"] { --accent-color: #0088ff; }
:root[data-accent="purple"] { --accent-color: #a550e0; }
:root[data-accent="pink"] { --accent-color: #ff2d78; }
:root[data-accent="red"] { --accent-color: #ff383c; }
:root[data-accent="orange"] { --accent-color: #ff8d28; }
:root[data-accent="yellow"] { --accent-color: #f5b800; }
:root[data-accent="green"] { --accent-color: #30d158; }
:root[data-accent="graphite"] { --accent-color: #8c8c93; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #000000;
    --surface: #1c1c1e;
    --raised: #2c2c2e;
    --text: #f5f5f7;
    --muted: #a1a1a6;
    --line: #38383a;
    --hairline: rgba(255,255,255,0.10);
    --fill: rgba(255,255,255,0.06);
    --glow: rgba(41,151,255,0.35);
    --accent-text: color-mix(in srgb, var(--accent-color) 68%, white);
    --shadow-1: 0 1px 2px rgba(0,0,0,.5);
    --shadow-2: 0 2px 8px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.45);
    --shadow-3: 0 6px 16px rgba(0,0,0,.55), 0 32px 80px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --bg: #000000;
  --surface: #1c1c1e;
  --raised: #2c2c2e;
  --text: #f5f5f7;
  --muted: #a1a1a6;
  --line: #38383a;
  --hairline: rgba(255,255,255,0.10);
  --fill: rgba(255,255,255,0.06);
  --glow: rgba(41,151,255,0.35);
  --accent-text: color-mix(in srgb, var(--accent-color) 68%, white);
  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 2px 8px rgba(0,0,0,.5), 0 14px 40px rgba(0,0,0,.45);
  --shadow-3: 0 6px 16px rgba(0,0,0,.55), 0 32px 80px rgba(0,0,0,.6);
}