/* Generated by tools/build-tokens.js from @primer/primitives 11.10.0: only the tokens site/styles.css uses.
   Do not edit by hand; run `npm run tokens` in tools/. */
:root {
  --base-size-12: 0.75rem;
  --base-size-16: 1rem;
  --base-size-2: 0.125rem;
  --base-size-20: 1.25rem;
  --base-size-24: 1.5rem;
  --base-size-32: 2rem;
  --base-size-4: 0.25rem;
  --base-size-40: 2.5rem;
  --base-size-48: 3rem;
  --base-size-6: 0.375rem;
  --base-size-64: 4rem;
  --base-size-8: 0.5rem;
  --base-size-80: 5rem;
  --base-text-size-lg: 1.25rem;
  --base-text-size-md: 1rem;
  --base-text-size-sm: 0.875rem;
  --base-text-weight-medium: 500;
  --base-text-weight-semibold: 600;
  --borderRadius-full: 624.9375rem;
  --borderRadius-medium: 0.375rem;
  --borderRadius-small: 0.1875rem;
  --borderWidth-thin: 0.0625rem;
  --control-large-size: 2.5rem;
  --control-medium-size: 2rem;
  --control-minTarget-coarse: 2.75rem;
  --control-small-size: 1.75rem;
  --text-body-size-large: var(--base-text-size-md);
  --text-body-size-medium: var(--base-text-size-sm);
  --text-subtitle-size: var(--base-text-size-lg);
  --text-title-size-medium: var(--base-text-size-lg);
}
:root {
  --bgColor-attention-muted: #fff8c5;
  --bgColor-default: #ffffff;
  --bgColor-muted: #f6f8fa;
  --bgColor-neutral-muted: #818b981f;
  --borderColor-attention-emphasis: #9a6700;
  --borderColor-default: #d1d9e0;
  --borderColor-muted: #d1d9e0b3;
  --button-default-bgColor-hover: var(--control-bgColor-hover);
  --button-default-bgColor-rest: var(--control-bgColor-rest);
  --button-default-borderColor-rest: var(--control-borderColor-rest);
  --button-default-fgColor-rest: var(--control-fgColor-rest);
  --control-bgColor-hover: #eff2f5;
  --control-bgColor-rest: #f6f8fa;
  --control-borderColor-rest: var(--borderColor-default);
  --control-fgColor-placeholder: var(--fgColor-muted);
  --control-fgColor-rest: #25292e;
  --control-transparent-bgColor-hover: #818b981a;
  --fgColor-default: #1f2328;
  --fgColor-muted: #59636e;
  --shadow-resting-medium: 0 1px 1px 0 #25292e1a, 0 3px 6px 0 #25292e1f;
  --shadow-resting-small: 0 1px 1px 0 #1f23280a, 0 1px 2px 0 #1f232808;
}
:root[data-color-mode="dark"] {
  --bgColor-attention-muted: #bb800926;
  --bgColor-default: #0d1117;
  --bgColor-muted: #151b23;
  --bgColor-neutral-muted: #656c7633;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-default: #3d444d;
  --borderColor-muted: #3d444db3;
  --button-default-bgColor-hover: var(--control-bgColor-hover);
  --button-default-bgColor-rest: var(--control-bgColor-rest);
  --button-default-borderColor-rest: var(--control-borderColor-rest);
  --button-default-fgColor-rest: var(--control-fgColor-rest);
  --control-bgColor-hover: #262c36;
  --control-bgColor-rest: #212830;
  --control-borderColor-rest: var(--borderColor-default);
  --control-fgColor-placeholder: var(--fgColor-muted);
  --control-fgColor-rest: var(--fgColor-default);
  --control-transparent-bgColor-hover: #656c7633;
  --fgColor-default: #f0f6fc;
  --fgColor-muted: #9198a1;
  --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc;
  --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999;
}
@media (prefers-color-scheme: dark) {
  :root[data-color-mode="auto"] {
    --bgColor-attention-muted: #bb800926;
    --bgColor-default: #0d1117;
    --bgColor-muted: #151b23;
    --bgColor-neutral-muted: #656c7633;
    --borderColor-attention-emphasis: #9e6a03;
    --borderColor-default: #3d444d;
    --borderColor-muted: #3d444db3;
    --button-default-bgColor-hover: var(--control-bgColor-hover);
    --button-default-bgColor-rest: var(--control-bgColor-rest);
    --button-default-borderColor-rest: var(--control-borderColor-rest);
    --button-default-fgColor-rest: var(--control-fgColor-rest);
    --control-bgColor-hover: #262c36;
    --control-bgColor-rest: #212830;
    --control-borderColor-rest: var(--borderColor-default);
    --control-fgColor-placeholder: var(--fgColor-muted);
    --control-fgColor-rest: var(--fgColor-default);
    --control-transparent-bgColor-hover: #656c7633;
    --fgColor-default: #f0f6fc;
    --fgColor-muted: #9198a1;
    --shadow-resting-medium: 0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc;
    --shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999;
  }
}