/* 

  Custom variables for colors, fonts, spacing, etc.
  Define theme values used across all components.
  Use these variables in other stylesheets for consistency and 
  leveraging the DRY, SRP, OCP, Reusability and maintainability .

*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --white: #ffff;
    --light-primary: #00ACD5;
    --primary: #024F82;
    --gary: #848484;
    --title-font: 500;
    --about-title-font:400;
    --dark-info: #00ADD6;
    --aboutUs-bg: #F8F9FF;
}