:root {
  --One-color: #8ecae6; /*skyblue Colour*/
  --two-color: #219ebc;/*light skyblue Colour*/
  --three-color: #023047;/*Black shade  Colour*/
  --four-color: #ffb703;/*yellow Colour*/
  --five-color: #fb8501;/*orange Colour*/

  --white: #ffffff;
  --black: #000000;
}

/* Default font for entire website */
body {
    font-family: 'Roboto', sans-serif;
    /*color: var(--text-color);*/
    /*background-color: var(--background-light);*/
    margin: 0;
    padding: 0;
}

/* Headings will use DM Sans */
h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Sans', sans-serif;
    /*color: var(--primary-color);*/
}

/* Buttons, Navigation, Labels (Optional: DM Sans for important UI elements) */
button, .nav-links a, label {
    font-family: 'DM Sans', sans-serif;
}

/* Optional: Strong and B tags in DM Sans */
strong, b {
    font-family: 'DM Sans', sans-serif;
}