:root {
  --primary: #3674A3;
  --secondary: #252525;
  --primary-hover: #2c6089;  /* 15% darker */
  --primary-dark: #244e6d;   /* 30% darker */

  --rgba-primary-1: rgba(54, 116, 163, 0.1);
  --rgba-primary-2: rgba(54, 116, 163, 0.2);
  --rgba-primary-3: rgba(54, 116, 163, 0.3);
  --rgba-primary-4: rgba(54, 116, 163, 0.4);
  --rgba-primary-5: rgba(54, 116, 163, 0.5);
  --rgba-primary-6: rgba(54, 116, 163, 0.6);
  --rgba-primary-7: rgba(54, 116, 163, 0.7);
  --rgba-primary-8: rgba(54, 116, 163, 0.8);
  --rgba-primary-9: rgba(54, 116, 163, 0.9);

  /* Other */
  --theme-text-color: #fff;
  --title: #232323;
}