body {
  --main-1: #0b5fa5;
  --main-10: color-mix(in srgb, var(--main-1), black 10%);
  --main-20: color-mix(in srgb, var(--main-1), black 20%);
  --main-30: color-mix(in srgb, var(--main-1), black 30%);
  --main-40: color-mix(in srgb, var(--main-1), black 40%);
  --main-50: color-mix(in srgb, var(--main-1), black 50%);
  --main-60: color-mix(in srgb, var(--main-1), black 60%);
  --main-70: color-mix(in srgb, var(--main-1), black 70%);
  --main-80: color-mix(in srgb, var(--main-1), black 80%);
  --main-90: color-mix(in srgb, var(--main-1), black 90%);

  --main-1-alt: #0b5fa5;
  --main-10-alt: color-mix(in srgb, var(--main-1-alt), white 10%);
  --main-20-alt: color-mix(in srgb, var(--main-1-alt), white 20%);
  --main-30-alt: color-mix(in srgb, var(--main-1-alt), white 30%);
  --main-40-alt: color-mix(in srgb, var(--main-1-alt), white 40%);
  --main-50-alt: color-mix(in srgb, var(--main-1-alt), white 50%);
  --main-60-alt: color-mix(in srgb, var(--main-1-alt), white 60%);
  --main-70-alt: color-mix(in srgb, var(--main-1-alt), white 70%);
  --main-80-alt: color-mix(in srgb, var(--main-1-alt), white 80%);
  --main-90-alt: color-mix(in srgb, var(--main-1-alt), white 90%);

  --dark-1: #010a11;
  --dark-10: color-mix(in srgb, var(--dark-1), white 10%);
  --dark-20: color-mix(in srgb, var(--dark-1), white 20%);
  --dark-30: color-mix(in srgb, var(--dark-1), white 30%);
  --dark-40: color-mix(in srgb, var(--dark-1), white 40%);
  --dark-50: color-mix(in srgb, var(--dark-1), white 50%);
  --dark-60: color-mix(in srgb, var(--dark-1), white 60%);
  --dark-70: color-mix(in srgb, var(--dark-1), white 70%);
  --dark-80: color-mix(in srgb, var(--dark-1), white 80%);
  --dark-90: color-mix(in srgb, var(--dark-1), white 90%);

  --highlight-1: #619d00;
  --highlight-10: color-mix(in srgb, var(--highlight-1), white 10%);
  --highlight-20: color-mix(in srgb, var(--highlight-1), white 20%);
  --highlight-30: color-mix(in srgb, var(--highlight-1), white 30%);
  --highlight-40: color-mix(in srgb, var(--highlight-1), white 40%);
  --highlight-50: color-mix(in srgb, var(--highlight-1), white 50%);
  --highlight-60: color-mix(in srgb, var(--highlight-1), white 60%);
  --highlight-70: color-mix(in srgb, var(--highlight-1), white 70%);
  --highlight-80: color-mix(in srgb, var(--highlight-1), white 80%);
  --highlight-90: color-mix(in srgb, var(--highlight-1), white 90%);

  --highlight-1-alt: #ff9900;
  --highlight-10-alt: color-mix(in srgb, var(--highlight-1-alt), white 10%);
  --highlight-20-alt: color-mix(in srgb, var(--highlight-1-alt), white 20%);
  --highlight-30-alt: color-mix(in srgb, var(--highlight-1-alt), white 30%);
  --highlight-40-alt: color-mix(in srgb, var(--highlight-1-alt), white 40%);
  --highlight-50-alt: color-mix(in srgb, var(--highlight-1-alt), white 50%);
  --highlight-60-alt: color-mix(in srgb, var(--highlight-1-alt), white 60%);
  --highlight-70-alt: color-mix(in srgb, var(--highlight-1-alt), white 70%);
  --highlight-80-alt: color-mix(in srgb, var(--highlight-1-alt), white 80%);
  --highlight-90-alt: color-mix(in srgb, var(--highlight-1-alt), white 90%);
}