/* Generated from DESIGN.md. Edit the contract, then studio design-sync. */
:root {
  --ds-color-canvas: #fafafa;
  --ds-color-surface: #f0f0f0;
  --ds-color-text: #171717;
  --ds-color-muted: #606060;
  --ds-color-border: #d4d4d4;
  --ds-color-action: #171717;
  --ds-color-on-action: #fafafa;
  --ds-color-scene: #061a20;
  --ds-color-on-scene: #fafafa;
  --ds-space-xs: 4px;
  --ds-space-sm: 8px;
  --ds-space-md: 16px;
  --ds-space-lg: 24px;
  --ds-space-xl: 32px;
  --ds-space-gutter: 48px;
  --ds-space-section: 104px;
  --ds-radius-none: 0px;
  --ds-radius-control: 0px;
  --ds-radius-panel: 0px;
  --ds-breakpoint-compact: 640px;
  --ds-breakpoint-medium: 960px;
  --ds-breakpoint-wide: 1280px;
  --ds-type-wordmark-family: Orbitron, sans-serif;
  --ds-type-wordmark-size: 24px;
  --ds-type-wordmark-weight: 600;
  --ds-type-wordmark-leading: 1.25;
  --ds-type-wordmark-tracking: 0px;
  --ds-type-display-family: Inter, sans-serif;
  --ds-type-display-size: 104px;
  --ds-type-display-weight: 600;
  --ds-type-display-leading: 1.02;
  --ds-type-display-tracking: -6px;
  --ds-type-heading-family: Inter, sans-serif;
  --ds-type-heading-size: 56px;
  --ds-type-heading-weight: 500;
  --ds-type-heading-leading: 1.1;
  --ds-type-heading-tracking: -2.5px;
  --ds-type-body-family: Inter, sans-serif;
  --ds-type-body-size: 17px;
  --ds-type-body-weight: 400;
  --ds-type-body-leading: 1.6;
  --ds-type-body-tracking: 0px;
  --ds-type-label-family: Inter, sans-serif;
  --ds-type-label-size: 14px;
  --ds-type-label-weight: 500;
  --ds-type-label-leading: 1.4;
  --ds-type-label-tracking: 0px;
  --ds-motion-duration: 180ms;
  --ds-motion-easing: ease-out;
}
:root[data-theme="light"] {
  --ds-color-canvas: #fafafa;
  --ds-color-surface: #f0f0f0;
  --ds-color-text: #171717;
  --ds-color-muted: #606060;
  --ds-color-border: #d4d4d4;
  --ds-color-action: #171717;
  --ds-color-on-action: #fafafa;
  --ds-color-scene: #061a20;
  --ds-color-on-scene: #fafafa;
}
:root[data-theme="dark"] {
  --ds-color-canvas: #141414;
  --ds-color-surface: #202020;
  --ds-color-text: #f5f5f5;
  --ds-color-muted: #b8b8b8;
  --ds-color-border: #454545;
  --ds-color-action: #f5f5f5;
  --ds-color-on-action: #171717;
  --ds-color-scene: #061a20;
  --ds-color-on-scene: #fafafa;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  --ds-color-canvas: #141414;
  --ds-color-surface: #202020;
  --ds-color-text: #f5f5f5;
  --ds-color-muted: #b8b8b8;
  --ds-color-border: #454545;
  --ds-color-action: #f5f5f5;
  --ds-color-on-action: #171717;
  --ds-color-scene: #061a20;
  --ds-color-on-scene: #fafafa;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ds-motion-duration: 0ms; }
}
/* Keep the company-fonts license files with the font. */
@font-face { font-family: "Orbitron"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("./company-fonts/f42db2dd16e642258e35782916eceb1dcdbea06fb958d77ad71dc5963587e8fd.ttf") format("truetype"); }

/* Company typography is independent of the product and locale typography. */
:root { --ds-company-font: Orbitron, sans-serif; --ds-company-weight: 600; --ds-company-tracking: 0px; }
[data-company-name] { font-family: var(--ds-company-font) !important; font-weight: var(--ds-company-weight) !important; letter-spacing: var(--ds-company-tracking) !important; }