:root {
  --primary-color: #000028;
  /* Deep Navy Blue - main background */
  --primary-color-contrast: #ffffff;
  /* White text on dark */
  --primary-hover-color: rgb(0 44 212);
  /* Slightly lighter for hover */
  --primary-hover-contrast-color: #ffffff;
  --primary-active-color: #33334d;
  /* Even lighter for active states */
  --primary-active-contrast-color: #ffffff;

  --primary-font-size: 14px;

  --secondary-color: #ab47bc;
  /* Accent cyan/light teal used for highlights */
  --secondary-color-contrast: #351270;
  --secondary-font-size: 16px;

  --tertiary-color: #ebebf6;
  /* Light grayish background for sections */
  --tertiary-color-contrast: #310b62;
  --tertiary-font-size: 18px;

  --fourtiary-color: #fff;
  /* For cards/containers */
  --fourtiary-color-contrast: #000028;
  --fourtiary-font-size: 20px;

  --highlight-color: #7e4195;
  /* Pink highlight from your palette */
  --highlight-contrast-color: 		#1a0033;
  --extra-main-color:  #F2F2F2;
}