/* Custom Theme for Adarsh TP Portfolio */

/* Main color scheme */
:root {
  --primary-color: #16a085;
  --primary-gradient: linear-gradient(to right, #16a085, #3498db);
  --secondary-color: #34495e;
  --accent-color: #e74c3c;
  --text-light: #ffffff;
  --text-dark: #2c3e50;
  --heading-font: 'Poppins', sans-serif;
  --body-font: 'Roboto', sans-serif;
}

/* Background colors */
.bg-primary {
  background: var(--primary-gradient) !important;
}

.bg-secondary {
  background-color: var(--secondary-color) !important;
}

/* Text colors */
.text-primary {
  color: var(--primary-color) !important;
}

.text-secondary {
  color: var(--accent-color) !important;
}

/* Navigation */
#mainNav {
  background-color: var(--secondary-color) !important;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: var(--accent-color) !important;
}

/* Buttons */
.btn-outline-light:hover {
  background-color: var(--accent-color) !important;
  border-color: var(--accent-color) !important;
  color: var(--text-dark) !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* Portfolio */
.portfolio-item-caption {
  background-color: rgba(22, 160, 133, 0.9) !important;
}

/* Footer */
.copyright {
  background-color: var(--secondary-color) !important;
}

/* Star dividers */
hr.star-light:after {
  color: var(--text-light) !important;
  background-color: transparent !important;
}

hr.star-dark:after {
  color: var(--accent-color) !important;
  background-color: transparent !important;
}

/* Scroll to top button */
.scroll-to-top {
  background-color: var(--accent-color) !important;
}

/* Modal close button */
.portfolio-modal-dismiss {
  color: var(--accent-color) !important;
}

.portfolio-modal-dismiss:hover {
  opacity: 0.8;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  font-weight: 700;
}

body, p, div {
  font-family: var(--body-font);
}