:root {
  --bg-primary: #0a0a0f;
  --bg-secondary: #0d0d14;
  --bg-tertiary: #111215;
  --bg-card: rgba(255, 255, 255, 0.02);
  --bg-card-hover: rgba(255, 255, 255, 0.04);

  --text-primary: #ffffff;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-tertiary: rgba(255, 255, 255, 0.5);

  --border-color: rgba(255, 255, 255, 0.06);
  --border-color-hover: rgba(0, 255, 200, 0.2);

  --accent-primary: #00ffc8;
  --accent-secondary: #00a8ff;
  --accent-gradient: linear-gradient(135deg, #00ffc8 0%, #00a8ff 100%);
  --accent-bg: rgba(0, 255, 200, 0.1);
  --accent-bg-hover: rgba(0, 255, 200, 0.15);
  --accent-border: rgba(0, 255, 200, 0.2);

  --shadow-color: rgba(0, 0, 0, 0.3);
  --overlay-color: rgba(0, 0, 0, 0.7);
}

[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --bg-card: rgba(0, 0, 0, 0.02);
  --bg-card-hover: rgba(0, 0, 0, 0.05);

  --text-primary: #1a1a2e;
  --text-secondary: #4a5568;
  --text-tertiary: #718096;

  --border-color: rgba(0, 0, 0, 0.08);
  --border-color-hover: rgba(8, 145, 178, 0.3);

  --accent-primary: #0891b2;
  --accent-secondary: #0d9488;
  --accent-gradient: linear-gradient(135deg, #0891b2 0%, #0d9488 100%);
  --accent-bg: rgba(8, 145, 178, 0.1);
  --accent-bg-hover: rgba(8, 145, 178, 0.15);
  --accent-border: rgba(8, 145, 178, 0.3);

  --shadow-color: rgba(0, 0, 0, 0.1);
  --overlay-color: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: var(--text-primary) !important;
}

[data-theme="light"] p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .sub-title {
  color: var(--text-tertiary) !important;
}

[data-theme="light"] section {
  background: var(--bg-primary);
}

[data-theme="light"] .bg-gray {
  background-color: var(--bg-secondary) !important;
}

[data-theme="light"] .sec-head h6,
[data-theme="light"] .sec-head .sub-title {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .item .cont h6,
[data-theme="light"] .item .cont h5,
[data-theme="light"] .item .cont h4 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .item .cont p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .services .item {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .services .item:hover {
  background: var(--bg-tertiary) !important;
}

[data-theme="light"] .about .img .img-mons {
  background: var(--bg-secondary);
}

[data-theme="light"] .box {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .feat-card {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .testimonials .item {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .blog-list .item {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .contact-form {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: var(--text-tertiary) !important;
}

[data-theme="light"] .footer {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .footer h4,
[data-theme="light"] .footer h5,
[data-theme="light"] .footer h6 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .footer p,
[data-theme="light"] .footer li,
[data-theme="light"] .footer a {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .footer a:hover {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .navbar,
[data-theme="light"] .nav-container {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px);
}

[data-theme="light"] .navbar.nav-scroll,
[data-theme="light"] .nav-scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 2px 20px var(--shadow-color) !important;
}

[data-theme="light"] .navbar .nav-link,
[data-theme="light"] .nav-link {
  color: var(--text-primary) !important;
}

[data-theme="light"] .navbar .nav-link:hover,
[data-theme="light"] .nav-link:hover {
  color: var(--accent-primary) !important;
}

[data-theme="light"] .logo,
[data-theme="light"] .nav-logo,
[data-theme="light"] .logo-text {
  color: var(--text-primary) !important;
}

[data-theme="light"] .btn,
[data-theme="light"] .butn {
  color: var(--text-primary) !important;
}

[data-theme="light"] .btn-lit,
[data-theme="light"] .butn-light {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .dropdown-menu {
  background: var(--bg-primary) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 10px 40px var(--shadow-color) !important;
}

[data-theme="light"] .dropdown-item {
  color: var(--text-primary) !important;
}

[data-theme="light"] .dropdown-item:hover {
  background: var(--bg-secondary) !important;
  color: var(--accent-primary) !important;
}

[data-theme="light"] .hero,
[data-theme="light"] .header {
  background: var(--bg-primary) !important;
}

[data-theme="light"] .hero .caption h1,
[data-theme="light"] .header .caption h1 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .hero .caption p,
[data-theme="light"] .header .caption p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .page-header {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .breadcrumb-item,
[data-theme="light"] .breadcrumb-item a {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .breadcrumb-item.active {
  color: var(--text-primary) !important;
}

[data-theme="light"] .card {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .card-body h5,
[data-theme="light"] .card-body h4 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .card-body p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .tags a,
[data-theme="light"] .tag {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .team .item {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .team .item .info h5 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .team .item .info span {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .portfolio .item {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .portfolio .item .cont h5 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .portfolio .item .cont span {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .accordion-item {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .accordion-button {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] .accordion-body {
  color: var(--text-secondary) !important;
}

[data-theme="light"] .counter .item h3 {
  color: var(--text-primary) !important;
}

[data-theme="light"] .counter .item p {
  color: var(--text-secondary) !important;
}

[data-theme="light"] hr {
  border-color: var(--border-color) !important;
}

[data-theme="light"] .modal-content {
  background: var(--bg-primary) !important;
}

[data-theme="light"] .modal-header,
[data-theme="light"] .modal-footer {
  border-color: var(--border-color) !important;
}

[data-theme="light"] .table {
  color: var(--text-primary) !important;
}

[data-theme="light"] .table th,
[data-theme="light"] .table td {
  border-color: var(--border-color) !important;
}

[data-theme="light"] .list-group-item {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] code {
  background: var(--bg-tertiary) !important;
  color: var(--accent-primary) !important;
}

[data-theme="light"] pre {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="light"] .alert {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] ::selection {
  background: var(--accent-primary);
  color: white;
}

[data-theme="light"] ::-webkit-scrollbar-track {
  background: var(--bg-secondary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--border-color);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: var(--text-tertiary);
}

[data-theme="light"] .loading-screen {
  background: var(--bg-primary) !important;
}

[data-theme="light"] .loading-screen .loading {
  color: var(--text-primary) !important;
}

[data-theme="light"] .cursor {
  border-color: var(--text-primary) !important;
}

[data-theme="light"] .cursor-inner {
  background: var(--text-primary) !important;
}

.gallery,
.gallery-mons {
  min-height: 400px;
  display: flex;
  flex-wrap: wrap;
}

.gallery .items,
.gallery-mons .items {
  flex: 0 0 auto;
}

.portfolio .gallery,
.portfolio-frl .gallery,
.po-arch .gallery {
  min-height: 500px;
}

[data-theme="light"] .progress-wrap {
  background: var(--bg-secondary) !important;
}

[data-theme="light"] .progress-wrap svg path {
  stroke: var(--accent-primary) !important;
}