:root {
  --font-sans:
    ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --spacing: 0.25rem;

  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;

  --container-3xs: 16rem;
  --container-2xs: 18rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --container-5xl: 64rem;
  --container-6xl: 72rem;
  --container-7xl: 80rem;

  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl--line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl--line-height: 1;
  --text-8xl: 6rem;
  --text-8xl--line-height: 1;
  --text-9xl: 8rem;
  --text-9xl--line-height: 1;

  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;

  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;

  --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);

  --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
  --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
  --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);

  --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
  --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
  --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
  --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
  --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);

  --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);
  --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);
  --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
  --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
  --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
}

:root {
  /* OC-1-Light */
  color-scheme: light;
  --background-base: var(--smoke-light-1);
  --background-weak: #f7f6f6;
  --background-weaker: #fcfcfc;
  --surface-base: var(--smoke-light-2);
  --input-base: var(--smoke-light-1);
  --input-hover: var(--smoke-light-2);
  --input-active: var(--cobalt-light-1);
  --input-selected: var(--cobalt-light-4);
  --input-focus: var(--cobalt-light-1);
  --input-disabled: var(--smoke-light-4);
  --surface-hover: var(--smoke-light-4);
  --surface-active: var(--smoke-light-5);
  --surface-selected: var(--cobalt-light-3);
  --surface-disabled: var(--smoke-light-2);
  --surface-focus: var(--cobalt-light-3);
  --surface-inset-base: var(--smoke-light-3);
  --surface-inset-hover: var(--smoke-light-4);
  --surface-inset-active: var(--smoke-light-6);
  --surface-inset-selected: var(--cobalt-light-4);
  --surface-inset-disabled: var(--smoke-light-3);
  --surface-inset-focus: var(--cobalt-light-4);
  --surface-raised-base: var(--white);
  --surface-raised-hover: var(--smoke-light-3);
  --surface-raised-active: var(--smoke-light-4);
  --surface-raised-selected: var(--cobalt-light-3);
  --surface-raised-disabled: var(--smoke-light-2);
  --surface-raised-focus: var(--cobalt-light-3);
  --surface-overlay-base: var(--smoke-light-alpha-9);
  --surface-brand-base: var(--yuzu-light-9);
  --surface-brand-hover: var(--yuzu-light-10);
  --surface-interactive-base: var(--cobalt-light-3);
  --surface-interactive-hover: var(--cobalt-light-4);
  --surface-interactive-weak: var(--cobalt-light-2);
  --surface-interactive-weak-hover: var(--cobalt-light-3);
  --surface-success-base: var(--apple-light-3);
  --surface-success-weak: var(--apple-light-2);
  --surface-success-strong: var(--apple-light-9);
  --surface-warning-base: var(--solaris-light-3);
  --surface-warning-weak: var(--solaris-light-2);
  --surface-warning-strong: var(--solaris-light-9);
  --surface-critical-base: var(--ember-light-3);
  --surface-critical-weak: var(--ember-light-2);
  --surface-critical-strong: var(--ember-light-9);
  --surface-info-base: var(--lilac-light-3);
  --surface-info-weak: var(--lilac-light-2);
  --surface-info-strong: var(--lilac-light-9);
  --surface-diff-add-base: var(--coral-light-3);
  --surface-diff-add-weak: var(--coral-light-2);
  --surface-diff-add-weaker: var(--coral-light-1);
  --surface-diff-add-strong: var(--coral-light-9);
  --surface-diff-add-stronger: var(--coral-light-12);
  --surface-diff-delete-base: var(--mint-light-3);
  --surface-on-background-weak-base: var(--smoke-light-1);
  --surface-on-background-weak-inset-base: var(--smoke-light-1);
  --surface-on-background-weak-hover: var(--smoke-light-1);
  --surface-on-background-weak-active: var(--smoke-light-1);
  --surface-on-background-weak-selected: var(--smoke-light-1);
  --surface-on-background-weak-disabled: var(--smoke-light-1);
  --surface-on-background-weak-focus: var(--smoke-light-1);
  --surface-on-background-weak-inset-hover: var(--smoke-light-1);
  --surface-on-background-weak-inset-active: var(--smoke-light-1);
  --surface-on-background-weak-inset-selected: var(--smoke-light-1);
  --surface-on-background-weak-inset-disabled: var(--smoke-light-1);
  --surface-on-background-weak-inset-focus: var(--smoke-light-1);
  --surface-diff-delete-weak: var(--mint-light-2);
  --surface-diff-delete-weaker: var(--mint-light-1);
  --surface-diff-delete-strong: var(--mint-light-9);
  --surface-diff-delete-stronger: var(--mint-light-11);
  --text-base: var(--smoke-light-11);
  --text-weak: var(--smoke-light-9);
  --text-weaker: var(--smoke-light-8);
  --text-strong: var(--smoke-light-12);
  --text-on-brand-base: var(--smoke-light-alpha-11);
  --text-on-interactive-base: var(--smoke-light-alpha-11);
  --text-on-success-base: var(--smoke-dark-alpha-11);
  --text-on-warning-base: var(--smoke-dark-alpha-11);
  --text-on-info-base: var(--smoke-dark-alpha-11);
  --text-on-diff-add-base: var(--mint-light-11);
  --text-on-diff-delete-base: var(--coral-light-11);
  --text-on-diff-delete-weak: var(--coral-light-9);
  --text-on-diff-delete-strong: var(--coral-light-12);
  --text-on-diff-add-weak: var(--mint-light-9);
  --text-on-diff-add-strong: var(--mint-light-12);
  --text-on-info-weak: var(--smoke-dark-alpha-9);
  --text-on-info-strong: var(--smoke-dark-alpha-12);
  --text-on-warning-weak: var(--smoke-dark-alpha-9);
  --text-on-warning-strong: var(--smoke-dark-alpha-12);
  --text-on-success-weak: var(--smoke-dark-alpha-9);
  --text-on-success-strong: var(--smoke-dark-alpha-12);
  --text-on-interactive-weak: var(--smoke-light-alpha-9);
  --text-on-interactive-strong: var(--smoke-light-alpha-12);
  --text-on-brand-weak: var(--smoke-light-alpha-9);
  --text-on-brand-weaker: var(--smoke-light-alpha-8);
  --text-on-brand-strong: var(--smoke-light-alpha-12);
  --border-base: var(--smoke-light-alpha-7);
  --border-hover: var(--smoke-light-alpha-8);
  --border-active: var(--smoke-light-alpha-9);
  --border-selected: var(--cobalt-light-alpha-9);
  --border-disabled: var(--smoke-light-alpha-8);
  --border-focus: var(--smoke-light-alpha-9);
  --border-weak-base: var(--smoke-light-alpha-5);
  --icon-base: var(--smoke-light-9);
  --border-weak-hover: var(--smoke-light-alpha-6);
  --border-weak-active: var(--smoke-light-alpha-7);
  --icon-hover: var(--smoke-light-11);
  --icon-active: var(--smoke-light-12);
  --icon-selected: var(--smoke-light-12);
  --icon-disabled: var(--smoke-light-8);
  --icon-focus: var(--smoke-light-12);
  --icon-weak-base: var(--smoke-light-7);
  --icon-weak-hover: var(--smoke-light-8);
  --icon-weak-active: var(--smoke-light-9);
  --icon-weak-selected: var(--smoke-light-10);
  --icon-weak-disabled: var(--smoke-light-6);
  --icon-weak-focus: var(--smoke-light-9);
  --icon-strong-base: var(--smoke-light-12);
  --icon-strong-hover: var(--smoke-light-12);
  --icon-strong-active: var(--smoke-light-12);
  --icon-strong-selected: var(--smoke-light-12);
  --icon-strong-disabled: var(--smoke-light-8);
  --icon-strong-focus: var(--smoke-light-12);
  --border-weak-selected: var(--cobalt-light-alpha-6);
  --border-weak-disabled: var(--smoke-light-alpha-6);
  --border-weak-focus: var(--smoke-light-alpha-7);
  --border-interactive-base: var(--cobalt-light-7);
  --border-interactive-hover: var(--cobalt-light-8);
  --border-interactive-active: var(--cobalt-light-9);
  --border-interactive-selected: var(--cobalt-light-9);
  --border-interactive-disabled: var(--smoke-light-8);
  --border-interactive-focus: var(--cobalt-light-9);
  --border-success-base: var(--apple-light-6);
  --border-success-hover: var(--apple-light-7);
  --border-success-selected: var(--apple-light-9);
  --border-warning-base: var(--solaris-light-6);
  --border-warning-hover: var(--solaris-light-7);
  --border-warning-selected: var(--solaris-light-9);
  --border-critical-base: var(--ember-light-6);
  --border-critical-hover: var(--ember-light-7);
  --border-critical-selected: var(--ember-light-9);
  --border-info-base: var(--lilac-light-6);
  --border-info-hover: var(--lilac-light-7);
  --border-info-selected: var(--lilac-light-9);
  --icon-brand-base: var(--smoke-light-12);
  --icon-interactive-base: var(--cobalt-light-9);
  --icon-success-base: var(--apple-light-7);
  --icon-warning-base: var(--solaris-light-7);
  --icon-warning-hover: var(--solaris-light-8);
  --icon-warning-active: var(--solaris-light-11);
  --icon-success-hover: var(--apple-light-8);
  --icon-success-active: var(--apple-light-11);
  --icon-critical-base: var(--ember-light-7);
  --icon-critical-hover: var(--ember-light-8);
  --icon-critical-active: var(--ember-light-11);
  --icon-info-base: var(--lilac-light-7);
  --icon-info-hover: var(--lilac-light-8);
  --icon-info-active: var(--lilac-light-11);
  --icon-on-brand-base: var(--smoke-light-alpha-11);
  --icon-on-brand-hover: var(--smoke-light-alpha-12);
  --icon-on-brand-selected: var(--smoke-light-alpha-12);
  --icon-on-interactive-base: var(--smoke-light-alpha-9);
  --icon-on-interactive-hover: var(--smoke-light-alpha-10);
  --icon-on-interactive-selected: var(--smoke-light-alpha-11);
  --icon-agent-plan-base: var(--purple-light-9);
  --icon-agent-build-base: var(--blue-light-9);
  --icon-agent-docs-base: var(--amber-light-9);
  --icon-agent-ask-base: var(--cyan-light-9);
  --icon-on-success-base: var(--apple-light-alpha-9);
  --icon-on-success-hover: var(--apple-light-alpha-10);
  --icon-on-success-selected: var(--apple-light-alpha-11);
  --icon-on-warning-base: var(--solaris-light-alpha-9);
  --icon-on-warning-hover: var(--solaris-light-alpha-10);
  --icon-on-warning-selected: var(--solaris-light-alpha-11);
  --icon-on-critical-base: var(--ember-light-alpha-9);
  --icon-on-critical-hover: var(--ember-light-alpha-10);
  --icon-on-critical-selected: var(--ember-light-alpha-11);
  --icon-on-info-base: var(--lilac-light-9);
  --icon-on-diff-add-base: var(--mint-dark-alpha-9);
  --icon-on-diff-delete-base: var(--coral-light-alpha-9);
  --icon-on-diff-delete-hover: var(--coral-light-alpha-10);
  --icon-on-diff-delete-active: var(--coral-light-alpha-11);
  --icon-on-diff-add-hover: var(--mint-dark-alpha-10);
  --icon-on-diff-add-active: var(--mint-dark-alpha-11);
  --icon-on-info-hover: var(--lilac-light-alpha-10);
  --icon-on-info-selected: var(--lilac-light-alpha-11);
  --syntax-comment: #ffffff;
  --syntax-string: #ffffff;
  --syntax-keyword: #ffffff;
  --syntax-function: #ffffff;
  --syntax-number: #ffffff;
  --syntax-operator: #ffffff;
  --syntax-variable: #ffffff;
  --syntax-type: #ffffff;
  --syntax-constant: #ffffff;
  --syntax-punctuation: #ffffff;
  --syntax-success: #ffffff;
  --syntax-warning: #ffffff;
  --syntax-critical: #ffffff;
  --syntax-info: #ffffff;
  --markdown-heading: #ffffff;
  --markdown-text: #ffffff;
  --markdown-link: #ffffff;
  --markdown-link-text: #ffffff;
  --markdown-code: #ffffff;
  --markdown-block-quote: #ffffff;
  --markdown-emph: #ffffff;
  --markdown-strong: #ffffff;
  --markdown-horizontal-rule: #ffffff;
  --markdown-list-item: #ffffff;
  --markdown-list-enumeration: #ffffff;
  --markdown-image: #ffffff;
  --markdown-image-text: #ffffff;
  --markdown-code-block: #ffffff;

  .dark {
    /* OC-1-Dark */
    color-scheme: dark;
    --background-base: var(--smoke-dark-1);
    --background-weak: #151313;
    --background-weaker: #201c1c;
    --surface-base: var(--smoke-dark-3);
    --input-base: var(--smoke-dark-2);
    --input-hover: var(--smoke-dark-2);
    --input-active: var(--cobalt-dark-1);
    --input-selected: var(--cobalt-dark-2);
    --input-focus: var(--cobalt-dark-1);
    --input-disabled: var(--smoke-dark-4);
    --surface-hover: var(--smoke-dark-4);
    --surface-active: var(--smoke-dark-5);
    --surface-selected: var(--cobalt-dark-3);
    --surface-disabled: var(--smoke-dark-2);
    --surface-focus: var(--cobalt-dark-3);
    --surface-inset-base: var(--smoke-dark-4);
    --surface-inset-hover: var(--smoke-dark-5);
    --surface-inset-active: var(--smoke-dark-6);
    --surface-inset-selected: var(--cobalt-dark-4);
    --surface-inset-disabled: var(--smoke-dark-3);
    --surface-inset-focus: var(--cobalt-dark-4);
    --surface-raised-base: var(--smoke-dark-4);
    --surface-raised-hover: var(--smoke-dark-7);
    --surface-raised-active: var(--smoke-dark-8);
    --surface-raised-selected: var(--cobalt-dark-3);
    --surface-raised-disabled: var(--smoke-dark-3);
    --surface-raised-focus: var(--cobalt-dark-3);
    --surface-overlay-base: var(--smoke-dark-alpha-2);
    --surface-brand-base: var(--yuzu-light-9);
    --surface-brand-hover: var(--yuzu-light-10);
    --surface-interactive-base: var(--cobalt-light-3);
    --surface-interactive-hover: var(--cobalt-light-4);
    --surface-interactive-weak: var(--cobalt-light-2);
    --surface-interactive-weak-hover: var(--cobalt-light-3);
    --surface-success-base: var(--apple-light-3);
    --surface-success-weak: var(--apple-light-2);
    --surface-success-strong: var(--apple-light-9);
    --surface-warning-base: var(--solaris-light-3);
    --surface-warning-weak: var(--solaris-light-2);
    --surface-warning-strong: var(--solaris-light-9);
    --surface-critical-base: var(--ember-light-3);
    --surface-critical-weak: var(--ember-light-2);
    --surface-critical-strong: var(--ember-light-9);
    --surface-info-base: var(--lilac-light-3);
    --surface-info-weak: var(--lilac-light-2);
    --surface-info-strong: var(--lilac-light-9);
    --surface-diff-add-base: var(--coral-light-3);
    --surface-diff-add-weak: var(--coral-light-2);
    --surface-diff-add-weaker: var(--coral-light-1);
    --surface-diff-add-strong: var(--coral-light-9);
    --surface-diff-add-stronger: var(--coral-light-12);
    --surface-diff-delete-base: var(--mint-light-3);
    --surface-on-background-weak-base: var(--smoke-dark-1);
    --surface-on-background-weak-inset-base: var(--smoke-light-1);
    --surface-on-background-weak-hover: var(--smoke-light-1);
    --surface-on-background-weak-active: var(--smoke-light-1);
    --surface-on-background-weak-selected: var(--smoke-light-1);
    --surface-on-background-weak-disabled: var(--smoke-light-1);
    --surface-on-background-weak-focus: var(--smoke-light-1);
    --surface-on-background-weak-inset-hover: var(--smoke-light-1);
    --surface-on-background-weak-inset-active: var(--smoke-light-1);
    --surface-on-background-weak-inset-selected: var(--smoke-light-1);
    --surface-on-background-weak-inset-disabled: var(--smoke-light-1);
    --surface-on-background-weak-inset-focus: var(--smoke-light-1);
    --surface-diff-delete-weak: var(--mint-light-2);
    --surface-diff-delete-weaker: var(--mint-light-1);
    --surface-diff-delete-strong: var(--mint-light-9);
    --surface-diff-delete-stronger: var(--mint-light-11);
    --text-base: var(--smoke-dark-alpha-11);
    --text-weak: var(--smoke-dark-alpha-9);
    --text-weaker: var(--smoke-dark-alpha-8);
    --text-strong: var(--smoke-dark-alpha-12);
    --text-on-brand-base: var(--smoke-dark-alpha-11);
    --text-on-interactive-base: var(--smoke-dark-alpha-11);
    --text-on-success-base: var(--smoke-dark-alpha-11);
    --text-on-warning-base: var(--smoke-dark-alpha-11);
    --text-on-info-base: var(--smoke-dark-alpha-11);
    --text-on-diff-add-base: var(--mint-dark-11);
    --text-on-diff-delete-base: var(--coral-dark-11);
    --text-on-diff-delete-weak: var(--coral-dark-9);
    --text-on-diff-delete-strong: var(--coral-dark-12);
    --text-on-diff-add-weak: var(--mint-dark-9);
    --text-on-diff-add-strong: var(--mint-dark-12);
    --text-on-info-weak: var(--smoke-dark-alpha-9);
    --text-on-info-strong: var(--smoke-dark-alpha-12);
    --text-on-warning-weak: var(--smoke-dark-alpha-9);
    --text-on-warning-strong: var(--smoke-dark-alpha-12);
    --text-on-success-weak: var(--smoke-dark-alpha-9);
    --text-on-success-strong: var(--smoke-dark-alpha-12);
    --text-on-interactive-weak: var(--smoke-dark-alpha-9);
    --text-on-interactive-strong: var(--smoke-dark-alpha-12);
    --text-on-brand-weak: var(--smoke-dark-alpha-9);
    --text-on-brand-weaker: var(--smoke-dark-alpha-8);
    --text-on-brand-strong: var(--smoke-dark-alpha-12);
    --border-base: var(--smoke-dark-alpha-7);
    --border-hover: var(--smoke-dark-alpha-8);
    --border-active: var(--smoke-dark-alpha-9);
    --border-selected: var(--cobalt-dark-alpha-9);
    --border-disabled: var(--smoke-dark-alpha-8);
    --border-focus: var(--smoke-dark-alpha-9);
    --border-weak-base: var(--smoke-dark-alpha-6);
    --icon-base: var(--smoke-dark-9);
    --border-weak-hover: var(--smoke-dark-alpha-7);
    --border-weak-active: var(--smoke-dark-alpha-8);
    --icon-hover: var(--smoke-dark-10);
    --icon-active: var(--smoke-dark-11);
    --icon-selected: var(--smoke-dark-12);
    --icon-disabled: var(--smoke-dark-7);
    --icon-focus: var(--smoke-dark-12);
    --icon-weak-base: var(--smoke-dark-6);
    --icon-weak-hover: var(--smoke-light-7);
    --icon-weak-active: var(--smoke-light-8);
    --icon-weak-selected: var(--smoke-light-9);
    --icon-weak-disabled: var(--smoke-light-4);
    --icon-weak-focus: var(--smoke-light-9);
    --icon-strong-base: var(--smoke-dark-12);
    --icon-strong-hover: var(--smoke-light-12);
    --icon-strong-active: var(--smoke-light-12);
    --icon-strong-selected: var(--smoke-light-12);
    --icon-strong-disabled: var(--smoke-light-8);
    --icon-strong-focus: var(--smoke-light-12);
    --border-weak-selected: var(--cobalt-dark-alpha-6);
    --border-weak-disabled: var(--smoke-dark-alpha-6);
    --border-weak-focus: var(--smoke-dark-alpha-8);
    --border-interactive-base: var(--cobalt-light-7);
    --border-interactive-hover: var(--cobalt-light-8);
    --border-interactive-active: var(--cobalt-light-9);
    --border-interactive-selected: var(--cobalt-light-9);
    --border-interactive-disabled: var(--smoke-light-8);
    --border-interactive-focus: var(--cobalt-light-9);
    --border-success-base: var(--apple-light-6);
    --border-success-hover: var(--apple-light-7);
    --border-success-selected: var(--apple-light-9);
    --border-warning-base: var(--solaris-light-6);
    --border-warning-hover: var(--solaris-light-7);
    --border-warning-selected: var(--solaris-light-9);
    --border-critical-base: var(--ember-light-6);
    --border-critical-hover: var(--ember-light-7);
    --border-critical-selected: var(--ember-light-9);
    --border-info-base: var(--lilac-light-6);
    --border-info-hover: var(--lilac-light-7);
    --border-info-selected: var(--lilac-light-9);
    --icon-brand-base: var(--white);
    --icon-interactive-base: var(--cobalt-dark-9);
    --icon-success-base: var(--apple-light-7);
    --icon-warning-base: var(--solaris-light-7);
    --icon-warning-hover: var(--solaris-light-8);
    --icon-warning-active: var(--solaris-light-11);
    --icon-success-hover: var(--apple-light-8);
    --icon-success-active: var(--apple-light-11);
    --icon-critical-base: var(--ember-light-7);
    --icon-critical-hover: var(--ember-light-8);
    --icon-critical-active: var(--ember-light-11);
    --icon-info-base: var(--lilac-light-7);
    --icon-info-hover: var(--lilac-light-8);
    --icon-info-active: var(--lilac-light-11);
    --icon-on-brand-base: var(--smoke-light-alpha-11);
    --icon-on-brand-hover: var(--smoke-light-alpha-12);
    --icon-on-brand-selected: var(--smoke-light-alpha-12);
    --icon-on-interactive-base: var(--smoke-dark-alpha-9);
    --icon-on-interactive-hover: var(--smoke-dark-alpha-10);
    --icon-on-interactive-selected: var(--smoke-dark-alpha-11);
    --icon-agent-plan-base: #ffffff;
    --icon-agent-build-base: #ffffff;
    --icon-agent-docs-base: #ffffff;
    --icon-agent-ask-base: #ffffff;
    --icon-on-success-base: var(--apple-light-alpha-9);
    --icon-on-success-hover: var(--apple-light-alpha-10);
    --icon-on-success-selected: var(--apple-light-alpha-11);
    --icon-on-warning-base: var(--solaris-light-alpha-9);
    --icon-on-warning-hover: var(--solaris-light-alpha-10);
    --icon-on-warning-selected: var(--solaris-light-alpha-11);
    --icon-on-critical-base: var(--ember-light-alpha-9);
    --icon-on-critical-hover: var(--ember-light-alpha-10);
    --icon-on-critical-selected: var(--ember-light-alpha-11);
    --icon-on-info-base: var(--lilac-light-9);
    --icon-on-diff-add-base: var(--mint-dark-alpha-9);
    --icon-on-diff-delete-base: var(--coral-light-alpha-9);
    --icon-on-diff-delete-hover: var(--coral-light-alpha-10);
    --icon-on-diff-delete-active: var(--coral-light-alpha-11);
    --icon-on-diff-add-hover: var(--mint-dark-alpha-10);
    --icon-on-diff-add-active: var(--mint-dark-alpha-11);
    --icon-on-info-hover: var(--lilac-light-alpha-10);
    --icon-on-info-selected: var(--lilac-light-alpha-11);
    --syntax-comment: #ffffff;
    --syntax-string: #ffffff;
    --syntax-keyword: #ffffff;
    --syntax-function: #ffffff;
    --syntax-number: #ffffff;
    --syntax-operator: #ffffff;
    --syntax-variable: #ffffff;
    --syntax-type: #ffffff;
    --syntax-constant: #ffffff;
    --syntax-punctuation: #ffffff;
    --syntax-success: #ffffff;
    --syntax-warning: #ffffff;
    --syntax-critical: #ffffff;
    --syntax-info: #ffffff;
    --markdown-heading: #ffffff;
    --markdown-text: #ffffff;
    --markdown-link: #ffffff;
    --markdown-link-text: #ffffff;
    --markdown-code: #ffffff;
    --markdown-block-quote: #ffffff;
    --markdown-emph: #ffffff;
    --markdown-strong: #ffffff;
    --markdown-horizontal-rule: #ffffff;
    --markdown-list-item: #ffffff;
    --markdown-list-enumeration: #ffffff;
    --markdown-image: #ffffff;
    --markdown-image-text: #ffffff;
    --markdown-code-block: #ffffff;
  }
}