/* Generated by tools/build-design.py; edit src/ instead. */
:root, .gl-light-scope {
  --gl-action-neutral-background-color-default: var(--gl-color-alpha-0);
  --gl-action-neutral-background-color-hover: var(--gl-color-alpha-dark-6);
  --gl-action-neutral-border-color-default: var(--gl-color-alpha-0);
  --gl-application-chrome-background-color: var(--gl-color-neutral-50);
  --gl-background-color-default: var(--gl-color-neutral-0);
  --gl-background-color-overlap: var(--gl-color-neutral-0);
  --gl-background-color-overlay: var(--gl-color-alpha-dark-24);
  --gl-background-color-section: var(--gl-color-neutral-0);
  --gl-background-color-strong: var(--gl-color-neutral-50);
  --gl-background-color-subtle: var(--gl-color-neutral-10);
  --gl-border-color-default: var(--gl-color-neutral-100);
  --gl-border-color-section: var(--gl-border-color-default);
  --gl-border-color-strong: var(--gl-color-neutral-200);
  --gl-border-color-subtle: var(--gl-color-neutral-50);
  --gl-border-radius-2xl: var(--gl-spacing-scale-5);
  --gl-border-radius-lg: var(--gl-spacing-scale-3);
  --gl-border-radius-md: var(--gl-spacing-scale-2);
  --gl-button-default-primary-background-color-default: var(--gl-color-neutral-0);
  --gl-button-default-primary-background-color-hover: var(--gl-color-neutral-50);
  --gl-button-default-primary-border-color-default: var(--gl-color-neutral-200);
  --gl-button-default-primary-foreground-color-default: var(--gl-color-neutral-800);
  --gl-button-default-primary-foreground-color-hover: var(--gl-button-default-primary-foreground-color-default);
  --gl-color-alpha-0: rgba(0, 0, 0, 0);
  --gl-color-alpha-dark-24: rgba(5, 5, 6, 0.24);
  --gl-color-alpha-dark-40: rgba(5, 5, 6, 0.4);
  --gl-color-alpha-dark-6: rgba(5, 5, 6, 0.06);
  --gl-color-alpha-light-16: rgba(255, 255, 255, 0.16);
  --gl-color-blue-200: #9dc8f2;
  --gl-color-blue-400: #3f8edd;
  --gl-color-blue-500: #1f73ca;
  --gl-color-blue-700: #27599f;
  --gl-color-neutral-0: #fff;
  --gl-color-neutral-10: #f7f7f5;
  --gl-color-neutral-100: #dcdbd9;
  --gl-color-neutral-1000: #050408;
  --gl-color-neutral-200: #c1bfbe;
  --gl-color-neutral-300: #a5a3a3;
  --gl-color-neutral-400: #8a8888;
  --gl-color-neutral-50: #ecebea;
  --gl-color-neutral-500: #747273;
  --gl-color-neutral-600: #646163;
  --gl-color-neutral-700: #4d4b4e;
  --gl-color-neutral-800: #3a383d;
  --gl-color-neutral-900: #28272d;
  --gl-color-neutral-950: #18171d;
  --gl-color-orange-200: #f7b951;
  --gl-color-orange-300: #fb8017;
  --gl-color-orange-500: #c74816;
  --gl-control-background-color-default: var(--gl-color-neutral-0);
  --gl-control-border-color-default: var(--gl-color-neutral-400);
  --gl-control-border-color-hover: var(--gl-color-neutral-600);
  --gl-control-placeholder-color: var(--gl-color-neutral-500);
  --gl-focus-ring-inner-color: var(--gl-background-color-default);
  --gl-focus-ring-outer-color: var(--gl-color-blue-500);
  --gl-font-family-monospace: var(--default-mono-font, 'GitLab Mono'),'GitLab Mono','JetBrains Mono',Menlo,'DejaVu Sans Mono','Liberation Mono',Consolas,'Ubuntu Mono','Courier New','andale mono','lucida console',monospace;
  --gl-font-size-100: 0.75rem;
  --gl-font-size-200: 0.8125rem;
  --gl-font-size-200-fixed: 0.8125rem;
  --gl-font-size-300: 0.875rem;
  --gl-font-size-300-fixed: 0.875rem;
  --gl-font-size-400: 1rem;
  --gl-font-size-400-fixed: 1rem;
  --gl-font-size-500: clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem);
  --gl-font-size-500-fixed: 1.125rem;
  --gl-font-size-600: clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem);
  --gl-font-size-600-fixed: 1.3125rem;
  --gl-font-size-700: clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem);
  --gl-font-size-700-fixed: 1.5rem;
  --gl-font-weight-bold: 600;
  --gl-font-weight-heading: var(--gl-font-weight-bold);
  --gl-font-weight-normal: 400;
  --gl-heading-1-fixed-font-size: var(--gl-font-size-700-fixed);
  --gl-heading-1-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-1-fixed-letter-spacing: var(--gl-letter-spacing-heading);
  --gl-heading-1-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-1-font-size: var(--gl-font-size-700);
  --gl-heading-1-letter-spacing: var(--gl-letter-spacing-heading);
  --gl-heading-2-fixed-font-size: var(--gl-font-size-600-fixed);
  --gl-heading-2-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-2-fixed-letter-spacing: var(--gl-letter-spacing-heading);
  --gl-heading-2-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-2-font-size: var(--gl-font-size-600);
  --gl-heading-2-letter-spacing: var(--gl-letter-spacing-heading);
  --gl-heading-3-fixed-font-size: var(--gl-font-size-500-fixed);
  --gl-heading-3-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-3-fixed-letter-spacing: inherit;
  --gl-heading-3-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-3-font-size: var(--gl-font-size-500);
  --gl-heading-4-fixed-font-size: var(--gl-font-size-400-fixed);
  --gl-heading-4-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-4-fixed-letter-spacing: inherit;
  --gl-heading-4-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-4-font-size: var(--gl-font-size-400);
  --gl-heading-5-fixed-font-size: var(--gl-font-size-300-fixed);
  --gl-heading-5-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-5-fixed-letter-spacing: inherit;
  --gl-heading-5-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-5-font-size: var(--gl-font-size-300);
  --gl-heading-6-fixed-font-size: var(--gl-font-size-200-fixed);
  --gl-heading-6-fixed-font-weight: var(--gl-font-weight-heading);
  --gl-heading-6-fixed-letter-spacing: inherit;
  --gl-heading-6-fixed-line-height: var(--gl-line-height-heading);
  --gl-heading-6-font-size: var(--gl-font-size-200);
  --gl-heading-scale-500-font-size: var(--gl-font-size-500);
  --gl-heading-scale-500-font-weight: var(--gl-font-weight-heading);
  --gl-heading-scale-500-letter-spacing: inherit;
  --gl-heading-scale-500-line-height: var(--gl-line-height-heading);
  --gl-highlight-match-background-color: var(--gl-color-orange-500);
  --gl-highlight-match-text-color: var(--gl-color-neutral-0);
  --gl-icon-color-default: var(--gl-text-color-default);
  --gl-letter-spacing-heading: -0.01em;
  --gl-line-height-20: 1.25rem;
  --gl-line-height-24: 1.5rem;
  --gl-line-height-28: 1.75rem;
  --gl-line-height-32: 2rem;
  --gl-line-height-heading: 1.25;
  --gl-nav-item-background-color-active: var(--gl-color-neutral-200);
  --gl-nav-item-background-color-focus: var(--gl-nav-item-background-color-hover);
  --gl-nav-item-background-color-hover: var(--gl-color-neutral-100);
  --gl-nav-item-foreground-color-active: var(--gl-nav-item-foreground-color-focus);
  --gl-nav-item-foreground-color-default: var(--gl-color-neutral-600);
  --gl-nav-item-foreground-color-focus: var(--gl-nav-item-foreground-color-hover);
  --gl-nav-item-foreground-color-hover: var(--gl-color-neutral-950);
  --gl-nav-item-selected-background-color-active: var(--gl-nav-item-background-color-active);
  --gl-nav-item-selected-background-color-default: var(--gl-color-neutral-100);
  --gl-nav-item-selected-background-color-hover: var(--gl-nav-item-background-color-hover);
  --gl-nav-item-selected-font-weight: var(--gl-font-weight-bold);
  --gl-nav-item-selected-foreground-color-default: var(--gl-nav-item-foreground-color-hover);
  --gl-nav-item-selected-indicator-color: var(--gl-color-orange-500);
  --gl-opacity-5: .5;
  --gl-spacing-scale-1: 0.125rem;
  --gl-spacing-scale-11: 4rem;
  --gl-spacing-scale-12: 5rem;
  --gl-spacing-scale-13: 6rem;
  --gl-spacing-scale-15: 7.5rem;
  --gl-spacing-scale-2: 0.25rem;
  --gl-spacing-scale-20: 10rem;
  --gl-spacing-scale-3: 0.5rem;
  --gl-spacing-scale-30: 15rem;
  --gl-spacing-scale-34: 17rem;
  --gl-spacing-scale-4: 0.75rem;
  --gl-spacing-scale-5: 1rem;
  --gl-spacing-scale-6: 1.5rem;
  --gl-spacing-scale-62: 31rem;
  --gl-spacing-scale-7: 2rem;
  --gl-spacing-scale-8: 2.5rem;
  --gl-spacing-scale-80: 40rem;
  --gl-spacing-scale-88: 44rem;
  --gl-spacing-scale-9: 3rem;
  --gl-text-color-default: var(--gl-color-neutral-800);
  --gl-text-color-heading: var(--gl-color-neutral-950);
  --gl-text-color-link: var(--gl-color-blue-700);
  --gl-text-color-strong: var(--gl-color-neutral-950);
  --gl-text-color-subtle: var(--gl-color-neutral-600);
}