/* AiOS design tokens. Generated by scripts/build-tokens.mjs from design/tokens.json: edit that file, then run
   `node scripts/build-tokens.mjs`. The rules they serve are docs/design-system/FOUNDATIONS.md; `npm run test:tokens` holds
   the stylesheets to them. Loaded before every other stylesheet, on the full page and in both shadow roots of the widget. */
:root{
  --ds-fs-10:10px;
  --ds-fs-11:11px;
  --ds-fs-12:12px;
  --ds-fs-13:13px;
  --ds-fs-14:14px;
  --ds-fs-15:15px;
  --ds-fs-16:16px;
  --ds-fs-18:18px;
  --ds-fs-20:20px;
  --ds-fs-24:24px;
  --ds-fs-30:30px;
  --ds-fs-34:34px;
  --ds-weight-300:300;
  --ds-weight-400:400;
  --ds-weight-500:500;
  --ds-weight-600:600;
  --ds-weight-700:700;
  --ds-weight-800:800;
  --ds-space-2:2px;
  --ds-space-4:4px;
  --ds-space-6:6px;
  --ds-space-8:8px;
  --ds-space-10:10px;
  --ds-space-12:12px;
  --ds-space-14:14px;
  --ds-space-16:16px;
  --ds-space-20:20px;
  --ds-space-24:24px;
  --ds-space-32:32px;
  --ds-space-40:40px;
  --ds-space-48:48px;
  --ds-space-64:64px;
  --ds-radius-0:0px;
  --ds-radius-2:2px;
  --ds-radius-4:4px;
  --ds-radius-6:6px;
  --ds-radius-8:8px;
  --ds-radius-10:10px;
  --ds-radius-12:12px;
  --ds-radius-14:14px;
  --ds-radius-16:16px;
  --ds-radius-20:20px;
  --ds-radius-24:24px;
  --ds-radius-pill:999px;
  --ds-radius-circle:50%;
  --ds-shadow-0:none;
  --ds-shadow-1:0 2px 10px rgba(15,23,42,.06);
  --ds-shadow-2:0 1px 3px rgba(16,24,40,.12);
  --ds-shadow-3:0 8px 24px rgba(15,23,42,.12);
  --ds-shadow-4:0 14px 34px rgba(15,15,15,.16);
  --ds-shadow-5:0 18px 40px rgba(15,15,15,.14);
  --ds-shadow-card:0 1px 2px rgba(16,24,40,.05),0 10px 24px -14px color-mix(in srgb,var(--accent) 45%,transparent);
  --ds-shadow-card-hover:0 2px 4px rgba(16,24,40,.06),0 16px 32px -14px color-mix(in srgb,var(--accent) 55%,transparent);
  --ds-shadow-side:-8px 0 30px rgba(16,24,40,.18);
  --ds-inset-highlight:inset 0 1px 0 rgba(255,255,255,.9);
  --ds-ring-line:0 0 0 1px;
  --ds-ring-wide:0 0 0 3px;
  --ds-ring-focus:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);
  --ds-glow-brand-1:0 0 0 4px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 12%,transparent),0 0 34px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 34%,transparent),0 14px 32px rgba(15,15,15,.14);
  --ds-glow-brand-2:0 0 0 1px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 45%,transparent),0 0 0 6px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 12%,transparent),0 0 80px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 36%,transparent);
  --ds-glow-brand-3:0 22px 40px -22px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--ds-glow-colour,var(--accent)) 70%,transparent);
  --ds-bar-h:48;
  --ds-bar-h-greeting:52;
  --ds-bar-h-phone:40;
  --ds-bar-h-phone-greeting:44;
  --ds-bar-frame:4;
  --ds-bar-control:34;
  --ds-bar-control-phone:30;
  --ds-bar-pill:35;
  --ds-bar-pill-phone:30;
  --ds-bar-pill-words-phone:var(--ds-fs-12);
  --ds-bar-placeholder-phone:14;
  --ds-bar-clear:8;
  --ds-lift-hover:-2px;
  --ds-z-deep:-2;
  --ds-z-under:-1;
  --ds-z-flat:0;
  --ds-z-lift:1;
  --ds-z-top:2;
  --ds-z-over:5;
  --ds-z-dock:6;
  --ds-z-toast:20;
  --ds-z-dropdown:30;
  --ds-z-dropdown-host:40;
  --ds-z-topbar:60;
  --ds-z-menu:65;
  --ds-z-backdrop:70;
  --ds-z-panel:80;
  --ds-z-viewer:90;
  --ds-z-widget-bar:2;
  --ds-z-widget-over:3;
  --ds-z-widget-panel:4;
  --ds-z-widget-host:2147483000;
  --ds-z-widget-edge:2147483646;
  --ds-z-widget-controls:2147483647;
  --ds-dur-fast:120ms;
  --ds-dur:200ms;
  --ds-dur-slow:320ms;
  --ds-dur-state:450ms;
  --ds-ease:cubic-bezier(.2,.7,.2,1);
}
.screen.live{
  --ds-text-label:clamp(11px,calc(.62 * var(--rem) + .15 * var(--aios-vw,1cqw)),12px);
  --ds-text-caption:clamp(12px,calc(.7 * var(--rem) + .15 * var(--aios-vw,1cqw)),13px);
  --ds-text-ui:clamp(13px,calc(.78 * var(--rem) + .15 * var(--aios-vw,1cqw)),14px);
  --ds-text-body:clamp(15px,calc(.9 * var(--rem) + .15 * var(--aios-vw,1cqw)),16px);
  --ds-text-subheading:clamp(16px,calc(.95 * var(--rem) + .25 * var(--aios-vw,1cqw)),18px);
  --ds-text-heading:clamp(19px,calc(1.05 * var(--rem) + .5 * var(--aios-vw,1cqw)),23px);
  --ds-text-title:clamp(24px,calc(1.2 * var(--rem) + .9 * var(--aios-vw,1cqw)),30px);
  --ds-text-display:clamp(26px,calc(1.25 * var(--rem) + 1.3 * var(--aios-vw,1cqw)),34px);
}
.screen{
  --ds-brand:var(--accent);
  --ds-on-brand:var(--accent-ink,#fff);
  --ds-brand-2:var(--brand-secondary,var(--accent));
  --ds-page:var(--bg);
  --ds-surface:var(--mk-surface,#fff);
  --ds-ink:var(--ink);
  --ds-ink-soft:var(--ink-soft);
  --ds-ink-muted:var(--muted);
  --ds-line:var(--line);
  --ds-brand-wash:color-mix(in srgb,var(--accent) 4%,var(--bg));
  --ds-brand-soft:color-mix(in srgb,var(--accent) 8%,var(--bg));
  --ds-brand-edge:color-mix(in srgb,var(--accent) 22%,var(--bg));
  --ds-ok:var(--ok);
  --ds-ok-soft:var(--ok-soft);
  --ds-warn:var(--warn);
  --ds-warn-soft:var(--warn-soft);
  --ds-danger:var(--danger);
  --ds-danger-soft:var(--danger-soft);
  --ds-voice-listen:var(--voice-listen);
  --ds-voice-speak:var(--voice-speak);
  --ds-scrim:rgba(0,0,0,.35);
}