/* BoilerplateCode: identity design tokens. Process CMYK is approximate. */
:root, [data-brand="boilerplatecode"] {
  --brand-primary: #238E58;
  --brand-primary-rgb: 35 142 88;
  --brand-secondary: #2CB6C5;
  --brand-secondary-rgb: 44 182 197;
  --brand-ink: #172D35;
  --brand-ink-rgb: 23 45 53;
  --brand-paper: #F6FAF8;
  --brand-paper-rgb: 246 250 248;
  --brand-white: #FFFFFF;
  --brand-white-rgb: 255 255 255;
  --brand-black: #111111;
  --brand-black-rgb: 17 17 17;
  --brand-font-display: "Menlo";
  --brand-font-weight: 700;
  --brand-clear-space-ratio: 0.125;
  --brand-unit-at-128: 16px;
  --brand-min-horizontal-width: 271px;
  --brand-min-stacked-width: 119px;
  --brand-min-wordmark-width: 109px;
  --brand-min-symbol-width: 32px;
  --brand-min-avatar-width: 48px;
  --brand-reverse-primary: #238E58;
  --brand-reverse-secondary: #2CB6C5;
  --brand-reverse-ink: #66757A;
}

/* Assigned, bundled supporting families; logo lettering remains the selected artwork. */
:root, [data-brand="boilerplatecode"] {
  --brand-font-display: "IBM Plex Mono";
  --brand-font-body: "Source Sans 3";
  --brand-clear-space-ratio: 0.125;
  --brand-unit-at-128: 16px;
}