:root {
  color-scheme: dark;

  --font-ui: "Inter", ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;
  --canvas: #000;
  --surface-quick-action: rgb(57 63 74 / 60%);
  --surface-segment: rgb(255 255 255 / 13%);
  --surface-segment-selected: rgb(255 255 255 / 29%);
  --surface-icon: rgb(107 107 107 / 40%);
  --surface-composer-core: rgb(165 190 217 / 19%);
  --surface-composer-mid: rgb(114 133 153 / 28.5%);
  --surface-composer-edge: rgb(63 77 88 / 38%);
  --surface-hover: rgb(255 255 255 / 8%);
  --surface-subtle: rgb(255 255 255 / 4.5%);
  --surface-scrim: rgb(0 0 0 / 82%);
  --text-primary: #fff;
  --text-secondary: rgb(255 255 255 / 62%);
  --text-tertiary: rgb(255 255 255 / 40%);
  --text-inverse: #000;
  --border-quick-action: #3f444b;
  --border-composer: #40474f;
  --border-icon: #5e636a;
  --border-subtle: rgb(255 255 255 / 8%);
  --border-quiet: rgb(255 255 255 / 14%);
  --thinking-edge: #08638f;
  --thinking-progress: #006da4;
  --positive: #31cf83;
  --negative: #ff5f68;
  --warning: #efbd62;
  --composer-gradient: radial-gradient(circle at 50% 100%, var(--surface-composer-core) 0%, var(--surface-composer-mid) 50%, var(--surface-composer-edge) 100%);
  --thinking-gradient: linear-gradient(105deg, rgb(0 60 88 / 42%), rgb(0 14 21 / 86%) 48%, rgb(0 28 39 / 72%));
  --radius-control: 20px;
  --radius-composer: 24px;
  --radius-segment: 30px;
  --radius-pill: 40px;
  --border-width-figma: 2px;
  --border-width-control: 1.5px;
  --height-segment: 33px;
  --height-input: 49px;
  --height-quick-action: 72px;
  --height-composer-reference: 94px;
  --height-primary: 52px;
  --control-min-size: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --safe-bottom: env(safe-area-inset-bottom);
  --motion-grok-fast: 100ms;
  --motion-instant: var(--motion-grok-fast);
  --motion-fast: var(--motion-grok-fast);
  --motion-calm: 280ms;
  --motion-result: 320ms;
  --motion-stage: 420ms;
  --motion-thinking: 1200ms;
  --ease-grok: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-standard: var(--ease-grok);

  font-family: var(--font-ui);
}