:root {
  --primary-gradiant: linear-gradient(120deg, #f4a621 0%, #f28c28 100%);
  --hover-color: #1fa9b4;
  --primary-color: #f4a621; /* Orange for primary actions */
  --secondary-color: #1fa9b4; /* Teal for highlights */
  --heading-color: #000000;
  --nav-color: #263238;
  --transition-hover: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  --text-color: #ffffff;
  --text-color-3: #161d39;
  --text-color-4: #242f51;
  --heading-color-2: #11281c;
  --heading-color-3: #333333;
  --heading-color-4: #020626;
  --bg-color: #ffffff;
  --bg-color-2: #0a0d14;
  --text-color-2: #4b4b4b;
  --text-color-5: #616368;
  --footer-bg: #101015;
  --block-bg: #222222;
}