/* Whitebeard — generated from tokens.json by tokens_css.py; do not edit by hand */
:root, [data-theme="air"] {
  --stage: #EBF2F7;
  --studio: #E0EBF2;
  --plastic: #FAFAF8;
  --plastic-2: #F0F1F2;
  --edge: #C4CAD1;
  --ink: #222429;
  --ink-2: #555A63;
  --ink-3: #62686F;
  --graphite: var(--ink);
  --on-graphite: #FAFAF8;
  --glass: #FAFAF8A3;
  --glass-edge: #FFFFFFD9;
  --hud-line: #FFFFFF;
  --cobalt: #3D5CF5;
  --lavender: #9479F7;
  --aqua: #4FE0CF;
  --lime: #DCF04A;
  --pink: #F25BB8;
  --coral: #FF8A6B;
  --mint: #7BDD78;
  --on-cobalt: #FFFFFF;
  --on-signal: var(--ink);
  --void: #1C1E22;
  --void-2: #26292E;
  --void-line: #3A3E46;
  --void-text: #ECEEF0;
  --void-muted: #9AA0A9;
  --render-client: #2747C9;
  --render-network: #5B44D0;
  --render-naming: #1F9AA0;
  --render-edge: #C9A030;
  --render-compute: #CC4A8C;
  --render-data: #E0783C;
  --shadow-mold: inset 0 1px 0 #FFFFFFF2, 0 0 0 1px #2224290D, 0 8px 16px -10px #22242933, 0 34px 56px -34px #22242961;
  --shadow-glass: inset 0 1px 0 #FFFFFFF2, 0 16px 36px -12px #14161A66;
  --shadow-object: 0 8px 10px #2224293D;
  --focus-ring: 0 0 0 2px #EBF2F7, 0 0 0 4px #3D5CF5;
}

: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;
  --radius-thumb: 12px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-icon: 25%;
  --radius-pill: 9999px;
  --led-off: 0.13;
  --glass-alpha: 0.64;
  --glass-blur: 14px;
  --font-display: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --font-text: Barlow, system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, Menlo, monospace;
  --font-dots: Doto, "Martian Mono", ui-monospace, monospace;
}

.type-thumb-title {
  font-family: var(--font-display);
  font-size: 64px;
  line-height: 58px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.type-title {
  font-family: var(--font-display);
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  letter-spacing: -0.005em;
}

.type-heading {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.type-sign {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.type-body {
  font-family: var(--font-text);
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

.type-subtitle {
  font-family: var(--font-text);
  font-size: 17px;
  line-height: 23px;
  font-weight: 600;
}

.type-small {
  font-family: var(--font-text);
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

.type-wordmark {
  font-family: var(--font-mono);
  font-size: 38px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.035em;
}

.type-code {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.type-label {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.type-numeral {
  font-family: var(--font-dots);
  font-size: 76px;
  line-height: 68px;
  font-weight: 900;
  font-variation-settings: "ROND" 100;
}

.type-numeral-sm {
  font-family: var(--font-dots);
  font-size: 32px;
  line-height: 32px;
  font-weight: 900;
  font-variation-settings: "ROND" 100;
}