:root {
  /* Colors */
  --main-color: #0F248C;
  --secondary-color: #2ecc71;
  --accent-color: #e74c3c;
  --white-color: #fff;
  --text-black: #00051C;
  --light-blue: #EBF2FF;
  --dark-blue: #2745DB;
  /* Typography */
  --font-family: 'Inter';
  --heading-font-size: 2rem;
  --body-font-size: 1rem;
  --line-height: 1.5;

  /* Spacing */
  --padding: 16px;
  --margin: 16px;

  /* Borders */
  --border-radius: 5px;
  --border-color: #ddd;
  --border-width: 1px;

  /* Box Shadows */
  --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

  /* Transition */
  --transition-duration: 0.3s;
  --transition-timing: ease-in-out;
  --content-width: 1800px
}