/* Generated from brand/ui-theme.json; do not edit. */
:root {
  --ui-ink: #020711;
  --ui-surface-top: #101b28;
  --ui-surface-bottom: #080f19;
  --ui-text: #eff8ff;
  --ui-text-muted: #9bb0c6;
  --ui-cyan: #5ddfff;
  --ui-blue: #4598ff;
  --ui-violet: #ac65ff;
  --ui-teal: #5be4c4;
  --ui-amber: #ffd18a;
  --ui-coral: #ff8b9d;
  --ui-magenta: #f567ec;
  --ui-health: #65f3a1;
  --ui-shield: #55caff;
  --ui-heat-hot: #ff001a;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-radius-panel: 6px;
  --ui-radius-control: 4px;
  --ui-radius-inset: 3px;
  --ui-type-heading: 28px;
  --ui-type-action: 16px;
  --ui-type-body: 14px;
  --ui-type-caption: 11px;
  --ui-control-height: 44px;
  --ui-surface-opacity: 0.94;
  --ui-edge-opacity: 0.32;
  --ui-highlight-opacity: 0.0;
  --ui-shadow-opacity: 0.25;
  --ui-heat-response: 0.08;
  --ui-wordmark-triangle-shift: 0.007;
  --ui-wordmark-triangle-drop: 0.04;
}