Claude

:root {
  --color-dominant: #0c7cf4;
  --color-surface: #3c6c84;
  --color-ink: #73d0f8;
  --color-accent: #5490ac;
  --color-detail: #e4d1ce;
}

/* CSS variables exposed by source */
:root {
  --text-body: 14px;
  --text-base--line-height: calc(1.5 / 1);
  --font-mono: "Anthropic Mono", ui-monospace, monospace;
  --font-sans-serif: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --color-white: #fff;
  --font-dyslexia: "OpenDyslexic", "Comic Sans MS", ui-serif, serif, "Comic Sans MS", ui-serif, Georgia, serif;
  --radius-sm: .25rem;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --bg-100: 60 14.2857% 97.2549%;
  --bg-300: 45 11.7647% 93.3333%;
  --accent-pro-100: 247.559 67.1958% 62.9412%;
  --accent-pro-000: 248.807 48.4444% 44.1176%;
  --text-sm: .875rem;
  --text-footnote: 13px;
  --text-300: 60 2.7523% 21.3725%;
  --text-lg: 1.125rem;
  --accent-pro-200: 247.559 67.1958% 62.9412%;
  --bg-000: 0 0% 100%;
  --font-user-message: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --text-400: 42.8571 2.9289% 46.8627%;
  --brand-900: 0 0% 0%;
  --border-100: 60 1.6949% 11.5686%;
  --radius: 8px;
  --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --text-6xl: 3.75rem;
  --accent-pro-900: 247.059 89.4737% 92.549%;
  --text-sm--line-height: calc(1.25 / .875);
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-3xl: 1.875rem;
  --text-xs: .75rem;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --radius-card: calc(8px + 4px);
  --bg-500: 50 11.1111% 89.4118%;
  --text-base: 1rem;
  --text-500: 42.8571 2.9289% 46.8627%;
  --font-system: system-ui, sans-serif;
  --text-000: 0 0% 7.451%;
  --font-ui: "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --border-400: 60 1.6949% 11.5686%;
  --text-200: 60 2.7523% 21.3725%;
  --font-weight-bold: 600;
  --accent-100: 213.117 67.5439% 44.7059%;
  --brand-200: 14.7692 63.1068% 59.6078%;
  --text-xs--line-height: calc(1 / .75);
  --radius-2xl: 1rem;
  --text-xl: 1.25rem;
  --font-open-dyslexic: "OpenDyslexic", "Comic Sans MS", ui-serif, serif;
  --text-2xl--line-height: calc(2 / 1.5);
  --spacing: .25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --bg-400: 50 11.1111% 89.4118%;
  --color-emerald-500: lab(66.9756% -58.27 19.5419);
  --shadow-panel: inset 0 0 0 0px hsl(from #0b0b0b h s l / 10%), 0 0 0 1px hsl(from #0b0b0b h s l / 10%), 0 8px 24px #0000001f, 0 2px 6px #00000014;
  --color-black: #000;
  --brand-000: 15.1111 54.2169% 51.1765%;
  --text-2xl: 1.5rem;
  --accent-000: 213.6 72.2543% 33.9216%;
  --text-4xl--line-height: calc(2.5 / 2.25);
}