:root {
  /* Round 4 source palette. Components consume semantic aliases below. */
  --donbuild-color-private-brand-1000-solid: rgb(69 47 41);
  --donbuild-color-private-brand-950-solid: rgb(80 50 38);
  --donbuild-color-private-brand-900-solid: rgb(102 56 34);
  --donbuild-color-private-brand-850-solid: rgb(124 62 29);
  --donbuild-color-private-brand-800-solid: rgb(146 68 24);
  --donbuild-color-private-brand-750-solid: rgb(167 74 19);
  --donbuild-color-private-brand-700-solid: rgb(189 80 14);
  --donbuild-color-private-brand-650-solid: rgb(211 86 10);
  --donbuild-color-private-brand-600-solid: rgb(233 92 5);
  --donbuild-color-private-brand-550-solid: rgb(255 98 0);
  --donbuild-color-private-brand-500-solid: rgb(255 114 25);
  --donbuild-color-private-brand-450-solid: rgb(255 129 51);
  --donbuild-color-private-brand-400-solid: rgb(255 145 77);
  --donbuild-color-private-brand-350-solid: rgb(255 161 102);
  --donbuild-color-private-brand-300-solid: rgb(255 177 128);
  --donbuild-color-private-brand-250-solid: rgb(255 192 153);
  --donbuild-color-private-brand-200-solid: rgb(255 208 179);
  --donbuild-color-private-brand-150-solid: rgb(255 224 204);
  --donbuild-color-private-brand-100-solid: rgb(255 231 217);
  --donbuild-color-private-brand-50-solid: rgb(255 239 230);
  --donbuild-color-private-brand-50: rgb(255 98 0 / 0.1);
  --donbuild-color-private-brand-100: rgb(255 98 0 / 0.15);
  --donbuild-color-private-brand-150: rgb(255 98 0 / 0.2);
  --donbuild-color-private-brand-200: rgb(255 98 0 / 0.3);
  --donbuild-color-private-brand-250: rgb(255 98 0 / 0.4);
  --donbuild-color-private-brand-300: rgb(255 98 0 / 0.5);
  --donbuild-color-private-brand-350: rgb(255 98 0 / 0.6);
  --donbuild-color-private-brand-400: rgb(255 98 0 / 0.7);
  --donbuild-color-private-brand-450: rgb(255 98 0 / 0.8);
  --donbuild-color-private-brand-500: rgb(255 98 0 / 0.9);
  --donbuild-color-private-brand-550: rgb(255 98 0);
  --donbuild-color-text-brand: var(--donbuild-color-private-brand-700-solid);
  --donbuild-color-text-brand-heavy: var(--donbuild-color-text-brand);
  --donbuild-color-text-brand-contrast: rgb(255 255 255);
  --donbuild-color-text-link: var(--donbuild-color-private-brand-600-solid);
  --donbuild-color-text-link-hover: var(--donbuild-color-private-brand-800-solid);
  --donbuild-color-base-brand: var(--donbuild-color-private-brand-550-solid);
  --donbuild-color-base-brand-hover: var(--donbuild-color-private-brand-600-solid);
  --donbuild-color-base-brand-active: var(--donbuild-color-private-brand-650-solid);
  --donbuild-color-base-selection: rgb(0 0 0 / 0.05);
  --donbuild-color-base-selection-hover: rgb(0 0 0 / 0.1);
  --donbuild-color-line-generic: rgb(0 0 0 / 0.15);
  --donbuild-color-line-generic-hover: rgb(0 0 0 / 0.2);
  --donbuild-color-line-generic-active: rgb(0 0 0 / 0.35);
  --donbuild-color-line-generic-accent: rgb(0 0 0 / 0.2);
  --donbuild-color-line-generic-accent-hover: rgb(0 0 0 / 0.35);
  --donbuild-color-line-brand: var(--donbuild-color-private-brand-600-solid);
  --donbuild-color-brand: var(--donbuild-color-base-brand);
  --donbuild-color-brand-hover: var(--donbuild-color-base-brand-hover);
  --donbuild-color-brand-active: var(--donbuild-color-base-brand-active);
  --donbuild-color-brand-text: var(--donbuild-color-text-brand);
  --donbuild-color-brand-bright-text: var(--donbuild-color-private-brand-600-solid);
  --donbuild-color-brand-border: var(--donbuild-color-line-brand);
  --donbuild-color-brand-surface: var(--donbuild-color-private-brand-50);
  --donbuild-color-on-brand: var(--donbuild-color-text-brand-contrast);

  --donbuild-color-text-primary: #111111;
  --donbuild-color-text-secondary: #484848;
  --donbuild-color-text-muted: #666666;
  --donbuild-color-text-disabled: #767676;
  --donbuild-color-background: #ffffff;
  --donbuild-color-surface: #ffffff;
  --donbuild-color-surface-subtle: #f7f7f5;
  --donbuild-color-border: var(--donbuild-color-line-generic);
  --donbuild-color-border-strong: var(--donbuild-color-line-generic-accent);
  --donbuild-color-selection: var(--donbuild-color-base-selection);

  --donbuild-color-info-text: #2b537d;
  --donbuild-color-info-accent: #3175b7;
  --donbuild-color-info-border: #a9c9ef;
  --donbuild-color-info-surface: #eaf3ff;
  --donbuild-color-info-strong: var(--donbuild-color-info-text);
  --donbuild-color-success-text: #2a614c;
  --donbuild-color-success-accent: #2e8e61;
  --donbuild-color-success-border: #aed6b2;
  --donbuild-color-success-surface: #eaf6eb;
  --donbuild-color-success-strong: var(--donbuild-color-success-text);
  --donbuild-color-success-action: #16803c;
  --donbuild-color-success-action-hover: #116a31;
  --donbuild-color-on-success-action: #ffffff;
  --donbuild-color-warning-text: #66543d;
  --donbuild-color-warning-accent: #a7814a;
  --donbuild-color-warning-border: #e9cf80;
  --donbuild-color-warning-surface: #fff5d9;
  --donbuild-color-warning-strong: var(--donbuild-color-warning-text);
  --donbuild-color-error-text: #7c1735;
  --donbuild-color-error-accent: #bd0b39;
  --donbuild-color-error-border: #e9b5b1;
  --donbuild-color-error-surface: #fff0ef;
  --donbuild-color-error-strong: var(--donbuild-color-error-text);

  --donbuild-color-link: var(--donbuild-color-text-link);
  --donbuild-color-link-hover: var(--donbuild-color-text-link-hover);
  --donbuild-color-link-focus: var(--donbuild-color-text-link);
  --donbuild-color-focus: var(--donbuild-color-brand-border);
  --donbuild-color-on-lead: var(--donbuild-color-text-brand-contrast);
  --donbuild-color-dark-text-muted: rgb(255 255 255 / 0.75);
  --donbuild-color-dark-text-brand: rgb(255 114 25);
  --donbuild-color-dark-text-brand-heavy: rgb(255 145 77);
  --donbuild-color-dark-text-link: rgb(255 98 0);
  --donbuild-color-dark-text-link-hover: rgb(255 145 77);
  --donbuild-color-dark-base-brand: rgb(255 98 0);
  --donbuild-color-dark-base-brand-hover: rgb(255 129 51);
  --donbuild-color-dark-base-selection: rgb(0 0 0 / 0.4);
  --donbuild-color-dark-base-selection-hover: rgb(0 0 0 / 0.5);
  --donbuild-color-dark-line-generic: rgb(255 255 255 / 0.2);
  --donbuild-color-dark-line-generic-hover: rgb(255 255 255 / 0.3);
  --donbuild-color-dark-line-generic-active: rgb(255 255 255 / 0.35);
  --donbuild-color-dark-line-generic-accent: rgb(255 255 255 / 0.2);
  --donbuild-color-dark-line-generic-accent-hover: rgb(255 255 255 / 0.35);
  --donbuild-color-dark-line-brand: rgb(255 114 25);
  --donbuild-focus-width: 2px;
  --donbuild-focus-offset: 3px;

  --donbuild-space-1: 4px;
  --donbuild-space-2: 8px;
  --donbuild-space-3: 12px;
  --donbuild-space-4: 16px;
  --donbuild-space-5: 20px;
  --donbuild-space-6: 24px;
  --donbuild-space-8: 32px;
  --donbuild-space-10: 40px;
  --donbuild-space-12: 48px;
  --donbuild-space-16: 64px;
  --donbuild-space-20: 80px;
  --donbuild-radius-sm: 4px;
  --donbuild-radius-md: 8px;
  --donbuild-radius-lg: 12px;
  --donbuild-container-max: 1280px;
  --donbuild-container-wide-max: 1360px;
  --donbuild-container-gutter: var(--donbuild-space-4);
  --donbuild-z-dropdown: 10;
  --donbuild-z-toaster: 20;
  --donbuild-z-overlay: 1000;
  --donbuild-color-overlay: rgb(17 17 17 / 60%);

  --donbuild-font-sans: "Roboto Flex", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --donbuild-font-width-compact: 92%;
  --donbuild-font-width-navigation: 112%;
  --donbuild-font-width-normal: 100%;
  --donbuild-font-width-heading: 110%;
  --donbuild-font-width-display: 116%;
  --donbuild-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --donbuild-type-display-family: var(--donbuild-font-sans);
  --donbuild-type-display-size: clamp(2.5rem, 6vw, 4.5rem);
  --donbuild-type-display-line: 1.12;
  --donbuild-type-display-weight: 500;
  --donbuild-type-h1-family: var(--donbuild-font-sans);
  --donbuild-type-h1-size: clamp(2.125rem, 4.5vw, 3.5rem);
  --donbuild-type-h1-line: 1.18;
  --donbuild-type-h1-weight: 500;
  --donbuild-type-h2-family: var(--donbuild-font-sans);
  --donbuild-type-h2-size: clamp(1.75rem, 3.5vw, 2.75rem);
  --donbuild-type-h2-line: 1.22;
  --donbuild-type-h2-weight: 500;
  --donbuild-type-h3-family: var(--donbuild-font-sans);
  --donbuild-type-h3-size: clamp(1.375rem, 2.5vw, 2rem);
  --donbuild-type-h3-line: 1.28;
  --donbuild-type-h3-weight: 500;
  --donbuild-type-h4-family: var(--donbuild-font-sans);
  --donbuild-type-h4-size: 1.25rem;
  --donbuild-type-h4-line: 1.35;
  --donbuild-type-h4-weight: 500;
  --donbuild-type-body-large-family: var(--donbuild-font-sans);
  --donbuild-type-body-large-size: 1.125rem;
  --donbuild-type-editorial-size: 1.1875rem;
  --donbuild-type-editorial-h5-mobile-size: 15px;
  --donbuild-type-editorial-h2-mobile-size: 1.5rem;
  --donbuild-type-public-label-mobile-size: .75rem;
  --donbuild-type-home-intro-size: 17px;
  --donbuild-color-pagination-neutral: #595959;
  --donbuild-color-pagination-active: #000000;
  --donbuild-type-body-large-line: 1.55;
  --donbuild-type-body-large-weight: 400;
  --donbuild-type-body-family: var(--donbuild-font-sans);
  --donbuild-type-body-size: 1rem;
  --donbuild-type-body-line: 1.6;
  --donbuild-type-body-weight: 400;
  --donbuild-type-body-small-family: var(--donbuild-font-sans);
  --donbuild-type-body-small-size: 0.875rem;
  --donbuild-type-body-small-line: 1.55;
  --donbuild-type-body-small-weight: 400;
  --donbuild-type-caption-family: var(--donbuild-font-sans);
  --donbuild-type-caption-size: 0.8125rem;
  --donbuild-type-caption-line: 1.45;
  --donbuild-type-caption-weight: 400;
  --donbuild-type-control-family: var(--donbuild-font-sans);
  --donbuild-type-control-size: 0.95rem;
  --donbuild-type-control-line: 1.4;
  --donbuild-type-control-weight: 500;
}

/* Existing dark surfaces only. Neutral navigation links retain their local style. */
.donbuild-site-footer, .donbuild-home-current {
  --donbuild-color-selection-text: var(--donbuild-color-text-brand-contrast);
  --donbuild-color-text-brand: var(--donbuild-color-dark-text-brand);
  --donbuild-color-text-brand-heavy: var(--donbuild-color-dark-text-brand-heavy);
  --donbuild-color-text-link: var(--donbuild-color-dark-text-link);
  --donbuild-color-text-link-hover: var(--donbuild-color-dark-text-link-hover);
  --donbuild-color-base-brand: var(--donbuild-color-dark-base-brand);
  --donbuild-color-base-brand-hover: var(--donbuild-color-dark-base-brand-hover);
  --donbuild-color-base-selection: var(--donbuild-color-dark-base-selection);
  --donbuild-color-base-selection-hover: var(--donbuild-color-dark-base-selection-hover);
  --donbuild-color-line-generic: var(--donbuild-color-dark-line-generic);
  --donbuild-color-line-generic-hover: var(--donbuild-color-dark-line-generic-hover);
  --donbuild-color-line-generic-active: var(--donbuild-color-dark-line-generic-active);
  --donbuild-color-line-generic-accent: var(--donbuild-color-dark-line-generic-accent);
  --donbuild-color-line-generic-accent-hover: var(--donbuild-color-dark-line-generic-accent-hover);
  --donbuild-color-line-brand: var(--donbuild-color-dark-line-brand);
  --donbuild-color-brand: var(--donbuild-color-base-brand);
  --donbuild-color-brand-hover: var(--donbuild-color-base-brand-hover);
  --donbuild-color-brand-text: var(--donbuild-color-text-brand);
  --donbuild-color-brand-border: var(--donbuild-color-line-brand);
  --donbuild-color-border: var(--donbuild-color-line-generic);
  --donbuild-color-border-strong: var(--donbuild-color-line-generic-accent);
  --donbuild-color-link: var(--donbuild-color-text-link);
  --donbuild-color-link-hover: var(--donbuild-color-text-link-hover);
  --donbuild-color-link-focus: var(--donbuild-color-text-link);
  --donbuild-color-focus: var(--donbuild-color-line-brand);
  --donbuild-color-selection: var(--donbuild-color-base-selection);
}

@media (min-width: 768px) {
  :root { --donbuild-container-gutter: var(--donbuild-space-8); }
}