:root {
  --brand-primary: #1a1a1a;
  --brand-on-primary: #ffffff;
  --brand-primary-mid: #333333;
  --brand-primary-light: #555555;
  --brand-accent: #FCE523;
  --brand-on-accent: #1a1a1a;
  --brand-accent-light: #fef08a;
  --brand-accent-pale: #fefce8;
  --brand-surface: #fafafa;
  --brand-surface-alt: #f3f3f3;
  --brand-ink: #1a1a1a;
  --brand-dark: #0a0a0a;
  --brand-on-dark: #ffffff;
  --brand-radius: 2px;
  --brand-radius-sm: 1px;
  --brand-font-display: Arial, Helvetica, sans-serif;
  --brand-font-body: Arial, Helvetica, sans-serif;
}