.brand-potential {
  --crimson: #a51249;
  --loop-navy: #172f51;
  --text-navy: #1e3559;
  --slate-grey: #5f6779;
  --cream: #fef6e7;
  --white: #ffffff;
  --page-bg: var(--cream);
  --card-bg: var(--white);
  --body-text: var(--text-navy);
  --heading-text: var(--text-navy);
  --muted-text: var(--slate-grey);
  --link: var(--crimson);
  --link-on-band: var(--white);
  --band-bg: var(--loop-navy);
  --band-text: var(--white);
  --btn-primary-bg: var(--crimson);
  --btn-primary-text: var(--white);
  --btn-outline-border: var(--loop-navy);
  --btn-outline-text: var(--loop-navy);
  --focus: var(--crimson);
  --header-bg: var(--white);
  --header-text: var(--text-navy);
}

.brand-training {
  --navy: #1e3a5f;
  --berry: #7a3e8e;
  --deep-berry: #63306f;
  --berry-mist: #f3ecf6;
  --light-berry: #e9d8f0;
  --cream: #f7f5f0;
  --ink: #1f2937;
  --slate: #4a5568;
  --white: #ffffff;
  --page-bg: var(--white);
  --card-bg: var(--white);
  --body-text: var(--ink);
  --heading-text: var(--navy);
  --muted-text: var(--slate);
  --link: var(--berry);
  --link-on-band: var(--white);
  --band-bg: var(--navy);
  --band-text: var(--white);
  --btn-primary-bg: var(--berry);
  --btn-primary-text: var(--white);
  --btn-outline-border: var(--navy);
  --btn-outline-text: var(--navy);
  --focus: var(--berry);
  --header-bg: var(--white);
  --header-text: var(--navy);
}

.brand-performance {
  --navy: #1e3a5f;
  --teal: #2a9d8f;
  --yellow: #f4a261;
  --light-teal: #e8f5f3;
  --light-navy: #e8eef4;
  --dark: #1a1a1a;
  --body: #333333;
  --white: #ffffff;
  --page-bg: var(--light-navy);
  --card-bg: var(--white);
  --body-text: var(--body);
  --heading-text: var(--navy);
  --muted-text: var(--body);
  --link: var(--navy);
  --link-on-band: var(--white);
  --band-bg: var(--navy);
  --band-text: var(--white);
  --btn-primary-bg: var(--navy);
  --btn-primary-text: var(--white);
  --btn-outline-border: var(--navy);
  --btn-outline-text: var(--navy);
  --focus: var(--navy);
  --header-bg: var(--white);
  --header-text: var(--navy);
}