:root {
  --white: 255 255 255;
  --black: 0 0 0;
  --gray-20: 236 236 241;
  --gray-50: 247 247 248;
  --gray-100: 236 236 236;
  --gray-200: 227 227 227;
  --gray-300: 205 205 205;
  --gray-400: 153 150 150;
  --gray-500: 89 89 89;
  --gray-600: 66 66 66;
  --gray-650: 57 57 57;
  --gray-700: 47 47 47;
  --gray-800: 33 33 33;
  --gray-850: 23 23 23;
  --gray-875: 18 18 18;
  --gray-900: 13 13 13;
  --green-50: 236 253 245;
  --green-100: 209 250 229;
  --green-200: 167 243 208;
  --green-300: 110 231 183;
  --green-400: 52 211 153;
  --green-500: 16 185 129;
  --green-600: 5 150 105;
  --green-700: 4 120 87;
  --green-800: 6 95 70;
  --green-900: 6 78 59;
  --green-950: 2 44 34;
  --red-50: 254 242 242;
  --red-100: 254 226 226;
  --red-200: 254 202 202;
  --red-300: 252 165 165;
  --red-400: 248 113 113;
  --red-500: 239 68 68;
  --red-600: 220 38 38;
  --red-700: 185 28 28;
  --red-800: 153 27 27;
  --red-900: 127 29 29;
  --red-950: 69 10 10;
  --amber-50: 255 251 235;
  --amber-100: 254 243 199;
  --amber-200: 253 230 138;
  --amber-300: 252 211 77;
  --amber-400: 251 191 36;
  --amber-500: 245 158 11;
  --amber-600: 217 119 6;
  --amber-700: 180 83 9;
  --amber-800: 146 64 14;
  --amber-900: 120 53 15;
  --amber-950: 69 26 3;
  --blue-50: 239 246 255;
  --blue-100: 219 234 254;
  --blue-200: 191 219 254;
  --blue-300: 147 197 253;
  --blue-400: 96 165 250;
  --blue-500: 59 130 246;
  --blue-600: 37 99 235;
  --blue-700: 29 78 216;
  --blue-800: 30 64 175;
  --blue-900: 30 58 138;
  --blue-950: 23 37 84;
  --brand-purple: 126 34 206;
  --gizmo-gray-500: 153 153 153;
  --gizmo-gray-600: 102 102 102;
  --gizmo-gray-950: 15 15 15;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --markdown-font-size: 1rem;

  --brand-purple: 126 34 206;
  --presentation: 250 248 245;
  --text-primary: 31 30 29;
  --text-secondary: 111 109 102;
  --text-secondary-alt: 140 137 130;
  --text-tertiary: 140 137 130;
  --text-muted: 105 110 121;
  /* Click UI global.color.text.muted #696e79 */
  --shimmer-dip: 129 130 134;
  --shimmer-dip-alpha: 0.18;
  --text-warning: var(--amber-700);
  --text-destructive: var(--red-600);
  --link: var(--blue-600);
  --link-hover: var(--blue-700);
  --link-visited: 147 51 234;
  --accent-primary: 217 119 87;
  --accent-primary-hover: 194 99 68;
  --ring-primary: 217 119 87;
  --header-primary: 250 248 245;
  --header-hover: 245 243 238;
  --header-button-hover: 245 243 238;
  --surface-active: 240 237 230;
  --surface-active-alt: 245 243 238;
  --surface-hover: 245 243 238;
  --surface-hover-alt: 238 235 228;
  --surface-composer-hover: 245 243 238;
  --surface-primary: var(--white);
  --chart-widget-surface: 255 255 255;
  /* Click UI dashboards.chartWidget.color.background.default #ffffff */
  --chart-widget-stroke: 230 231 233;
  /* Click UI dashboards.chartWidget.color.stroke.default #e6e7e9 */
  --surface-primary-alt: 245 243 238;
  --surface-primary-contrast: 240 237 230;
  --surface-secondary: 250 248 245;
  --surface-secondary-alt: 245 243 238;
  --surface-tertiary: 240 237 230;
  --surface-tertiary-alt: var(--white);
  --surface-dialog: var(--white);
  --surface-overlay: var(--gray-500);
  --surface-submit: 217 119 87;
  --surface-submit-hover: 194 99 68;
  --surface-destructive: var(--red-700);
  --surface-destructive-hover: var(--red-800);
  --surface-chat: var(--white);
  --surface-code: var(--surface-primary-alt);
  --surface-qr: var(--white);
  --border-light: 232 229 222;
  --border-light-alpha: 1;
  --border-medium-alt: 216 213 206;
  --border-medium: 216 213 206;
  --border-medium-alpha: 1;
  --border-heavy: var(--gray-400);
  --border-heavy-alpha: 1;
  --border-xheavy: var(--gray-500);
  --border-xheavy-alpha: 1;
  --border-destructive: var(--red-600);
  --status-success: var(--green-700);
  --status-success-subtle: var(--green-50);
  --status-success-border: var(--green-300);
  --status-success-strong: 2 133 94;
  --status-info: var(--blue-600);
  --status-info-subtle: var(--blue-50);
  --status-info-border: var(--blue-300);
  --status-info-strong: var(--gray-500);
  --status-warning: var(--amber-700);
  --status-warning-subtle: var(--amber-50);
  --status-warning-border: var(--amber-300);
  --status-warning-strong: 199 82 9;
  --status-error: var(--red-700);
  --status-error-subtle: var(--red-50);
  --status-error-border: var(--red-300);
  --status-error-strong: 224 47 31;
  --status-neutral: var(--gray-600);
  --status-neutral-subtle: var(--gray-100);
  --status-neutral-border: var(--gray-300);
  --status-verified: 37 99 235;
  --text-on-status: var(--white);

  /* Categorical series scale — slot order is the CVD-safety mechanism */
  --series-1: 5 110 189;
  --series-2: 233 86 13;
  --series-3: 0 148 142;
  --series-4: 182 123 5;
  --series-5: 216 90 142;
  --series-6: 126 35 205;
  --series-7: 1 131 1;
  --series-8: 63 81 181;

  /* Code syntax highlighting */
  --syntax-text: var(--gray-800);
  --syntax-comment: var(--gray-500);
  --syntax-meta: var(--gray-600);
  --syntax-builtin: 154 103 0;
  --syntax-keyword: 5 80 174;
  --syntax-string: 10 123 98;
  --syntax-attr: 154 47 106;
  --syntax-title: 180 35 24;

  --surface-inverted: var(--gray-850);
  --surface-inverted-hover: var(--gray-700);
  --text-inverted: var(--white);
  --surface-fixed: var(--white);
  --surface-fixed-hover: var(--gray-100);
  --text-fixed: var(--gray-800);
  --radius: 0.5rem;
  --theme-control-radius: 0.75rem;
  --theme-round-control-radius: 9999px;
  --theme-surface-radius: 1rem;
  --theme-large-surface-radius: 1.5rem;
  --theme-control-height: 2.25rem;
  --theme-space-compact: 0.375rem;
  --theme-space-normal: 0.75rem;
  --theme-font-family: Inter, sans-serif;
  --theme-elevation-surface: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --theme-motion-fast: 150ms;
  --theme-motion-normal: 200ms;
  --switch-unchecked: 148 148 148;
  --provider-openai: #19c37d;
  --provider-openai-gpt4: #ab68ff;
  --provider-openai-reasoning: #000000;
  --provider-anthropic: #d09a74;
  --provider-azure: linear-gradient(0.375turn, #61bde2, #4389d0);
  --provider-bedrock: #268672;
  --provider-foreground: #ffffff;
}
@media (prefers-color-scheme: dark) { :root {
  --brand-purple: 171 104 255;
  --presentation: var(--gray-800);
  --text-primary: var(--gray-100);
  --text-secondary: var(--gray-300);
  --text-secondary-alt: var(--gray-400);
  --text-tertiary: var(--gray-400);
  --text-muted: 179 182 189;
  /* Click UI global.color.text.muted #b3b6bd */
  --shimmer-base: 255 255 255;
  --shimmer-base-alpha: 0.8;
  --shimmer-dip: 179 179 179;
  --shimmer-dip-alpha: 0.25;
  --text-warning: var(--amber-500);
  --text-destructive: var(--red-400);
  --link: var(--blue-400);
  --link-hover: var(--blue-300);
  --link-visited: 192 132 252;
  --accent-primary: 65 167 157;
  --accent-primary-hover: 109 200 185;
  --header-primary: var(--gray-700);
  --header-hover: var(--gray-600);
  --header-button-hover: var(--gray-700);
  --surface-active: var(--gray-500);
  --surface-active-alt: var(--gray-700);
  --surface-hover: var(--gray-650);
  --surface-hover-alt: var(--gray-600);
  --surface-composer-hover: var(--gray-600);
  --surface-primary: var(--gray-900);
  --chart-widget-surface: 40 40 40;
  /* Click UI dashboards.chartWidget.color.background.default #282828 */
  --chart-widget-stroke: 50 50 50;
  /* Click UI dashboards.chartWidget.color.stroke.default #323232 */
  --surface-primary-alt: var(--gray-850);
  --surface-primary-contrast: var(--gray-850);
  --surface-secondary: var(--gray-800);
  --surface-secondary-alt: var(--gray-800);
  --surface-tertiary: var(--gray-700);
  --surface-tertiary-alt: var(--gray-700);
  --surface-dialog: var(--gray-875);
  --surface-overlay: 0 0 0;
  --surface-submit: var(--green-700);
  --surface-submit-hover: var(--green-800);
  --surface-destructive: var(--red-800);
  --surface-destructive-hover: var(--red-900);
  --surface-chat: var(--gray-700);
  --surface-code: var(--presentation);
  --surface-qr: var(--white);
  --border-light: var(--gray-700);
  --border-medium-alt: var(--gray-600);
  --border-medium: var(--gray-600);
  --border-heavy: var(--gray-500);
  --border-xheavy: var(--gray-400);
  --border-destructive: var(--red-500);
  --status-success: var(--green-300);
  --status-success-subtle: var(--green-950);
  --status-success-border: var(--green-800);
  --status-success-strong: 8 135 89;
  --status-info: var(--blue-300);
  --status-info-subtle: var(--blue-950);
  --status-info-border: var(--blue-800);
  --status-info-strong: var(--gray-600);
  --status-warning: var(--amber-300);
  --status-warning-subtle: var(--amber-950);
  --status-warning-border: var(--amber-800);
  --status-warning-strong: var(--amber-800);
  --status-error: var(--red-300);
  --status-error-subtle: var(--red-950);
  --status-error-border: var(--red-800);
  --status-error-strong: var(--red-800);
  --status-neutral: var(--gray-300);
  --status-neutral-subtle: var(--gray-800);
  --status-neutral-border: var(--gray-700);
  --status-verified: 26 127 216;
  --text-on-status: var(--white);

  /* Categorical series scale — same hues, stepped for the dark surface */
  --series-1: 9 140 238;
  --series-2: 217 87 35;
  --series-3: 6 158 152;
  --series-4: 200 133 12;
  --series-5: 213 82 130;
  --series-6: 171 104 254;
  --series-7: 80 167 49;
  --series-8: 120 130 190;

  /* Code syntax highlighting. Comment and meta are the flattened equivalents of
     the 50% and 60% alpha whites this palette used before it was tokenized. */
  --syntax-text: var(--white);
  --syntax-comment: 144 144 144;
  --syntax-meta: 166 166 166;
  --syntax-builtin: 233 149 12;
  --syntax-keyword: 46 149 211;
  --syntax-string: 0 166 125;
  --syntax-attr: 223 48 121;
  --syntax-title: 242 44 61;

  --surface-inverted: var(--white);
  --surface-inverted-hover: var(--gray-100);
  --text-inverted: var(--gray-850);
  --surface-fixed: var(--white);
  --surface-fixed-hover: var(--gray-100);
  --text-fixed: var(--gray-800);
  --switch-unchecked: 102 102 102;
  --provider-openai: #19c37d;
  --provider-openai-gpt4: #ab68ff;
  --provider-openai-reasoning: #000000;
  --provider-anthropic: #d09a74;
  --provider-azure: linear-gradient(0.375turn, #61bde2, #4389d0);
  --provider-bedrock: #268672;
  --provider-foreground: #ffffff;
} }