@import url("../css/header.css");
@import url("../css/homepage.css");
@import url("../css/about.css");
@import url("../css/about-responsive.css");
@import url("../css/contact.css");
@import url("../css/career.css");
@import url("../css/blog.css");
@import url("../css/service-detail.css");
@import url("../css/blog-detail.css");
@import url("../css/footer.css");

*{
    padding: 0;
    margin: 0;
    text-decoration: none !important;
    list-style: none;
    box-sizing:  border-box;
    font-family: 'Montserrat', sans-serif;
}

:root {
  /* 🔵 Blue Shades */
  --primary-blue: #0A6ED1;
  --light-blue: #1E90FF;
  --dark-blue: #004AAD;

  /* 🟠 Orange Shades */
  --primary-orange: #FF7A00;
  --light-orange: #FFA500;
  --dark-orange: #FF4500;

  /* ⚫ Background */
  --bg-black: #000000;
  --bg-dark: #0D0D0D;

  /* ⚪ Text */
  --text-white: #FFFFFF;
  --text-gray: #B0B0B0;
}

/* body {
  background: var(--bg-black);
  color: var(--text-white);
}

header {
  background: var(--bg-dark);
}

nav a {
  color: var(--text-white);
}

nav a:hover {
  color: var(--primary-orange);
}

h1, h2, h3 {
  color: var(--light-blue);
}

p {
  color: var(--text-gray);
}

button {
  background: var(--primary-orange);
  color: var(--text-white);
}

button:hover {
  background: var(--dark-orange);
}

footer {
  background: #050505;
  color: var(--text-gray);
} */