/* Silver-Black-Gray Theme with Glossy Finish */

/* Main background and colors override */
body {
  background-color: #222222 !important;
}

.lm-animated-bg {
  background-image: linear-gradient(45deg, #1a1a1a, #303030) !important;
  box-shadow: inset 0 0 70px rgba(192, 192, 192, 0.2);
}

/* Buttons */
.btn-primary {
  background-color: #444444 !important;
  color: #e0e0e0 !important;
  border: 2px solid #555555 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.2) !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover {
  background-color: #a8a9ad !important;
  color: #222222 !important;
  border-color: #a8a9ad !important;
  transform: translateY(-2px);
}

.btn-secondary {
  border-color: #444444 !important;
  color: #e0e0e0 !important;
  background-color: #333333 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
}

.btn-secondary:hover {
  color: #222222 !important;
  border-color: #a8a9ad !important;
  background-color: #a8a9ad !important;
}

/* Borders */
.border-top {
  border-top: 2px solid #a8a9ad !important;
}

.border-bottom {
  border-bottom: 2px solid #a8a9ad !important;
}

/* Block titles and headings */
.block-title h2 {
  color: #e0e0e0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.block-title h3 {
  color: #c0c0c0 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #e0e0e0 !important;
}

/* Content blocks with glossy effect */
.home-content .block {
  background-color: rgba(30, 30, 30, 0.85) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(60, 60, 60, 0.5) !important;
}

/* Navigation */
.site-title {
  color: #c0c0c0 !important;
}

.site-main-menu li a {
  color: #c0c0c0 !important;
}

.site-main-menu li a:hover {
  color: #ffffff !important;
}

.site-main-menu li a.active {
  color: #a8a9ad !important;
}

/* Logo text */
.logo-text {
  color: #c0c0c0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Timeline items */
.timeline-item .item-title {
  color: #c0c0c0 !important;
}

.timeline .divider {
  background-color: #a8a9ad !important;
}

.timeline .item-period {
  color: #a8a9ad !important;
}

.timeline .item-company {
  color: #999999 !important;
}

/* Skills */
.skill-percentage {
  background-color: #a8a9ad !important;
  background-image: linear-gradient(to right, #888888, #c0c0c0) !important;
}

.skill-container {
  background-color: rgba(30, 30, 30, 0.7) !important;
}

/* Form elements */
input, textarea {
  background-color: rgba(40, 40, 40, 0.9) !important;
  border: 2px solid #444444 !important;
  color: #e0e0e0 !important;
}

input:focus, textarea:focus {
  border-color: #a8a9ad !important;
}

/* Portfolio items */
.portfolio-grid figure .name {
  color: #c0c0c0 !important;
}

.portfolio-grid figure .category {
  color: #999999 !important;
}

/* General text */
p {
  color: #bbbbbb !important;
}

/* Contact info */
.contact-info-block .ci-icon {
  color: #a8a9ad !important;
}

.contact-info-block .ci-text h4 {
  color: #c0c0c0 !important;
}

.contact-info-block .ci-text p {
  color: #bbbbbb !important;
}

/* Subtle glossy effects */
.home-content .block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent);
  border-radius: 5px 5px 0 0;
}