:root {
  --primary-color: #1555a2;
  --primary-color-hover: rgba(18, 84, 164, 0.2);
  --accent-color: #edf1fc;

  --secondary-color: #1f2937;

  --text-color-primary: #1555a2;
  --text-color-accent: #7b8d9c;
  --text-color-body: #676767;
  --title-color: #444444;


  --past-color: rgb(224, 224, 224);
  --past-text-color: #9ca3af;

  --dark-color: #000000;
  --light-color: #ffffff;

  --background-color-lighter: #ffffff;
  --background-color-darker: #f9f9f9;

  --content-box-gap: 30px;

  --breakpoint-xsmall: 480px;
  --breakpoint-small: 768px;
  --breakpoint-medium: 999px;
  --breakpoint-large: 1300px;
  --breakpoint-xlarge: 1680px;
}

.ssc-header-text {
  color: var(--text-color-primary);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  font-family: "PT Sans", Helvetica, sans-serif;
}

.ssc-text {
  color: var(--text-color-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-family: "Open Sans", Helvetica, sans-serif;
}