body {
  font-family: 'CircularXX', sans-serif;
}

:root {
  /* Brand */
  --brand-primary: #225b93;
  --brand-secondary: #1a4a7a;
  --brand-accent: #ffbf71;
  --brand-tertiary: #08263f;

  /* Surface */
  --surface-bg: #ffffff;
  --surface-card: #ffffff;
  --surface-alt: #edf3f6;

  /* Text */
  --text-primary: #1f1f1f;
  --text-secondary: #4a4a4a;
  --text-inverse: #ffffff;

  /* Border */
  --border-default: rgba(0, 0, 0, 0.12);

  /* State */
  --success: #139c0a;
  --warning: #ffbf71;
  --error: #ce1c1c;
}