/* GENERATED from the brand tokens (brand/tokens.json in the platform repo) — do not edit; change the source and regenerate. */

@font-face {
  font-family: "Instrument Sans";
  src: url("fonts/instrument-sans.woff2") format("woff2");
  font-weight: 400 700;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("fonts/geist-mono.woff2") format("woff2");
  font-weight: 400 600;
  font-stretch: 100%;
  font-display: swap;
}

:root {
  color-scheme: light;
  --rain-50: #F0F8FF;
  --rain-100: #E0F1FE;
  --rain-200: #BAE3FD;
  --rain-300: #7DCDFB;
  --rain-400: #38B2F5;
  --rain-500: #0E97DE;
  --rain-600: #0272B0;
  --rain-700: #036198;
  --rain-800: #07527D;
  --rain-900: #0C4467;
  --rain-950: #082B44;
  --bg: #F6F9FC;
  --surface: #FFFFFF;
  --sunken: #EEF3F8;
  --border: #E3EAF0;
  --border-strong: #8394A5;
  --text: #0E1A24;
  --text-dim: #4A5B6A;
  --text-faint: #5A6A7B;
  --primary: #0272B0;
  --primary-hover: #036198;
  --on-primary: #FFFFFF;
  --mark: #38B2F5;
  --focus: #0E97DE;
  --success: #0F7B4C;
  --warning: #9A5B00;
  --warning-fill: #F5A524;
  --danger: #C42B2B;
  --bubble-sent: #E0F1FE;
  --bubble-sent-border: #BAE3FD;
  --bubble-recv: #FFFFFF;
  --bubble-recv-border: #E3EAF0;
  --unhidden: #FFF4E0;
  --unhidden-border: #E7B65C;
  --font-display: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", monospace;
  --type-display-xl-size: 3.5rem;
  --type-display-xl-lh: 1.04;
  --type-display-xl-weight: 600;
  --type-display-xl-track: -0.03em;
  --type-display-size: 2.5rem;
  --type-display-lh: 1.1;
  --type-display-weight: 600;
  --type-display-track: -0.025em;
  --type-h1-size: 1.75rem;
  --type-h1-lh: 1.2;
  --type-h1-weight: 600;
  --type-h1-track: -0.02em;
  --type-h2-size: 1.375rem;
  --type-h2-lh: 1.3;
  --type-h2-weight: 600;
  --type-h2-track: -0.01em;
  --type-h3-size: 1.125rem;
  --type-h3-lh: 1.4;
  --type-h3-weight: 600;
  --type-h3-track: 0em;
  --type-body-size: 1rem;
  --type-body-lh: 1.55;
  --type-body-weight: 400;
  --type-body-track: 0em;
  --type-chat-size: 0.9375rem;
  --type-chat-lh: 1.45;
  --type-chat-weight: 400;
  --type-chat-track: 0em;
  --type-caption-size: 0.8125rem;
  --type-caption-lh: 1.4;
  --type-caption-weight: 500;
  --type-caption-track: 0.01em;
  --type-mono-size: 0.8125rem;
  --type-mono-lh: 1.5;
  --type-mono-weight: 400;
  --type-mono-track: 0em;
  --s-0: 0px;
  --s-1: 2px;
  --s-2: 4px;
  --s-3: 8px;
  --s-4: 12px;
  --s-5: 16px;
  --s-6: 20px;
  --s-7: 24px;
  --s-8: 32px;
  --s-9: 40px;
  --s-10: 56px;
  --s-11: 80px;
  --s-12: 120px;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
  --r-bubble: 18px;
  --r-tail: 6px;
  --t-fast: 120ms;
  --t-base: 200ms;
  --t-slow: 320ms;
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --shadow-color: 205 60% 30%;
  --shadow-xs: 0 1px 1px hsl(var(--shadow-color) / .06), 0 1px 2px hsl(var(--shadow-color) / .04);
  --shadow-sm: 0 1px 1px hsl(var(--shadow-color) / .05), 0 2px 4px hsl(var(--shadow-color) / .05), 0 4px 8px -2px hsl(var(--shadow-color) / .05);
  --shadow-md: 0 1px 1px hsl(var(--shadow-color) / .04), 0 3px 6px hsl(var(--shadow-color) / .05), 0 8px 16px -4px hsl(var(--shadow-color) / .07), 0 16px 32px -8px hsl(var(--shadow-color) / .07);
  --shadow-lg: 0 1px 1px hsl(var(--shadow-color) / .04), 0 3px 6px hsl(var(--shadow-color) / .05), 0 8px 16px -4px hsl(var(--shadow-color) / .07), 0 16px 32px -8px hsl(var(--shadow-color) / .07), 0 32px 64px -16px hsl(var(--shadow-color) / .10);
}