/*
 * Ultron HUD tokens, compiled by tools/tokens.mjs from hud/tokens.json, a copy of
 * voice-assistant/board/hud/tokens.json. Do not edit: refresh it with node tools/vendor.mjs.
 */

:root {
  --ground: #030313;
  --surface-well: #01010a;
  --surface-panel: #08071d;
  --surface-strip: #100e2d;
  --surface-raised: #151435;
  --surface-overlay: #19183d;
  --surface-tooltip: #01010af2;
  --surface-caption: #01010ae6;
  --scrim: #01010acc;
  --line-faint: #26254f;
  --line: #35356d;
  --line-strong: #6162ac;
  --mark: #ffffff;
  --ink: #f4f4fe;
  --ink-secondary: #c3c5e1;
  --ink-dim: #8284a4;
  --ink-decimal: #8a7ebb;
  --ink-disabled: var(--ink-dim);
  --amber: #ffa445;
  --amber-glow: #ff8a2a8c;
  --amber-dim: #482304;
  --violet: #998bfe;
  --violet-glow: #7b62ff8c;
  --violet-dim: #281c56;
  --on-amber: #180901;
  --on-violet: #0b071f;
  --tint-hover: #ffffff0d;
  --tint-selected: var(--violet-dim);
  --severity-high: var(--amber);
  --severity-medium: var(--violet);
  --severity-low: #6f8ba8;
  --state-listening: var(--amber);
  --state-muted: var(--violet);
  --state-off: var(--ink-dim);
  --state-unknown: var(--ink-secondary);
  --status-error: var(--amber);
  --status-warning: var(--amber);
  --status-info: var(--violet);
  --status-success: var(--ink);
  --focus-ring: #ffffff;
  --glow-white: #dcd9ff8c;
  --glow-haze: #3a2fb05c;
  --vignette: #01010aa6;
  --font-display: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius-0: 0;
  --radius-1: 2px;
  --radius-pill: 999px;
  --glow-mark: 0 0 3px #ffffff, 0 0 10px #dcd9ffb3, 0 0 26px #8b7dff73;
  --glow-amber: 0 0 3px #ffd2a3, 0 0 12px #ff8a2ab3, 0 0 30px #ff7a1a66;
  --glow-violet: 0 0 3px #d4ccff, 0 0 12px #7b62ffb3, 0 0 30px #5b3dff66;
  --glow-edge: 0 0 8px #dcd9ff4d;
  --bloom-text: 0 0 2px #ffffff, 0 0 8px #ffffffd9, 0 0 20px #ffffff8c, 0 0 40px #c9c4ff73, 0 0 80px #8a7dff59;
  --haze-strip: inset 0 1px 0 #35356d, inset 0 24px 32px -24px #2b249066;
  --lift-raised: 0 0 0 1px #35356d, 0 16px 40px #000000b3, 0 0 48px #2b24904d;
  --lift-overlay: 0 0 0 1px #6162ac, 0 20px 48px #000000cc, 0 0 40px #2b24904d;
  --well-inset: inset 0 1px 2px #000000cc, inset 0 0 0 1px #26254f;
  --stroke-hairline: 1px;
  --stroke-mark: 2px;
  --stroke-segment: 3px;
  --stroke-focus: 2px;
  --focus-offset: 3px;
  --focus-offset-inset: -2px;
  --tick-length: 16px;
  --tick-short: 8px;
  --bracket-arm: 10px;
  --chevron-size: 7px;
  --pill-width: 4px;
  --pill-height: 16px;
  --dot-size: 5px;
  --mark-slant: -10deg;
  --control-height-sm: 2rem;
  --control-height: 2.5rem;
  --control-height-lg: 3rem;
  --target-min: 1.5rem;
  --chip-height: 1.5rem;
  --check-size: 1.125rem;
  --switch-width: 2.75rem;
  --switch-height: 1.5rem;
  --strip-height: 2.75rem;
  --measure: 68ch;
  --measure-caption: 40ch;
  --menu-width-min: 12rem;
  --menu-width-max: 22rem;
  --tooltip-width-max: 20rem;
  --popover-width: 26rem;
  --toast-width: 24rem;
  --dialog-width: 36rem;
  --dialog-width-lg: 52rem;
  --layer-raised: 10;
  --layer-sticky: 20;
  --layer-caption: 30;
  --layer-popover: 40;
  --layer-dialog: 50;
  --layer-toast: 60;
  --layer-tooltip: 70;
  --timing-fast: 120ms;
  --timing-base: 220ms;
  --timing-sweep: 900ms;
  --timing-flow: 1600ms;
  --timing-pulse: 2400ms;
  --timing-ease: cubic-bezier(0.2, 0, 0, 1);
}

.hud-display-xl {
  font-family: var(--font-display);
  font-size: 4.5rem;
  line-height: 0.95;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.01em;
}

.hud-display-lg {
  font-family: var(--font-display);
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 300;
  font-style: italic;
  letter-spacing: -0.005em;
}

.hud-display-md {
  font-family: var(--font-display);
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 300;
  font-style: italic;
}

.hud-display-sm {
  font-family: var(--font-display);
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 400;
  font-style: italic;
}

.hud-display-xs {
  font-family: var(--font-display);
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: italic;
}

.hud-label-banner {
  font-family: var(--font-display);
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.16em;
}

.hud-label-lg {
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.12em;
}

.hud-label {
  font-family: var(--font-display);
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.12em;
}

.hud-label-sm {
  font-family: var(--font-display);
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.14em;
}

.hud-panel-header {
  font-family: var(--font-display);
  font-size: 1.125rem;
  line-height: 1.33;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.02em;
}

.hud-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  font-style: italic;
}

.hud-voice {
  font-family: var(--font-body);
  font-size: 1.75rem;
  line-height: 1.35;
  font-weight: 500;
  font-style: normal;
}

.hud-body-lg {
  font-family: var(--font-body);
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
}

.hud-body {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 400;
  font-style: normal;
}

.hud-quote {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 400;
  font-style: italic;
}

.hud-caption {
  font-family: var(--font-display);
  font-size: 0.875rem;
  line-height: 1.35;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.02em;
}

.hud-mono {
  font-family: var(--font-mono);
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
}

.hud-mono-sm {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;
}