/* Variáveis de cores do tema escuro */
:root {
	--primary-black: #000000;
	--secondary-black: #111111;
	--dark-gray: #1a1a1a;
	--medium-gray: #333333;
	--light-gray: #666666;
	--highlight-gray: #888888;
	--text-white: #ffffff;
	--text-light: #f0f0f0;
	--accent-color: #c0c0c0;
	--hover-color: #d4af37;
}

/* Estilos gerais */
body {
	background-color: var(--primary-black);
	color: var(--text-light);
}

/* Header */
.header-area {
	background-color: var(--secondary-black);
	border-bottom: 1px solid var(--medium-gray);
}

.header-area .main-nav .nav li a {
	color: var(--text-light);
}

.header-area .main-nav .nav li:hover > a {
	color: var(--hover-color);
}

.header-area .main-nav .nav li.submenu ul {
	background-color: var(--secondary-black);
	border: 1px solid var(--medium-gray);
}

/* Welcome Area */
.welcome {
	background-color: var(--primary-black);
}

.welcome-text h1 {
	color: var(--text-white);
}

.welcome-text p {
	color: var(--text-light);
}

/* Botões */
.dark-btn {
	background-color: var(--medium-gray);
	color: var(--text-white);
}

.dark-btn:hover {
	background-color: var(--hover-color);
}

.contact-btn {
	background-color: var(--hover-color);
	color: var(--primary-black) !important;
}

/* Seções */
.section {
	background-color: var(--secondary-black);
}

.section.white {
	background-color: var(--dark-gray);
}

.section.colored {
	background-color: var(--medium-gray);
}

/* Parallax */
.half-parallax {
	background-color: var(--primary-black);
}

.parallax-item {
	background-color: var(--secondary-black);
	border: 1px solid var(--medium-gray);
}

.parallax-item i {
	color: var(--hover-color);
}

.parallax-counter {
	background-color: var(--secondary-black);
}

/* Cards e Items */
.project-grid-item {
	background-color: var(--secondary-black);
	border: 1px solid var(--medium-gray);
}

.project-grid-item:hover {
	border-color: var(--hover-color);
}

.project-grid-item .text h3 {
	color: var(--text-white);
}

.person-item {
	background-color: var(--secondary-black);
	border: 1px solid var(--medium-gray);
}

.person-item.active {
	border-color: var(--hover-color);
}

.person-item .content {
	background-color: var(--dark-gray);
}

/* Blog */
.blog-post-grid {
	background-color: var(--secondary-black);
}

.blog-post-grid .content {
	background-color: var(--dark-gray);
}

.blog-post-grid:hover {
	transform: translateY(-10px);
}

/* Footer */
footer {
	background-color: var(--primary-black);
	border-top: 1px solid var(--medium-gray);
}

footer .footer-nav li a {
	color: var(--text-light);
}

footer .footer-nav li a:hover {
	color: var(--hover-color);
}

footer .social li a {
	background-color: var(--medium-gray);
	color: var(--text-white);
}

footer .social li a:hover {
	background-color: var(--hover-color);
}

/* Títulos e textos */
.section-title {
	color: var(--text-white);
}

.center-heading h2 {
	color: var(--text-white);
}

.center-text p {
	color: var(--text-light);
}

/* Contadores */
.count-item {
	background-color: var(--secondary-black);
	border: 1px solid var(--medium-gray);
}

.count-item strong {
	color: var(--hover-color);
}

.count-item span {
	color: var(--text-light);
}

/* Galeria */
.page-gallery {
	border: 1px solid var(--medium-gray);
}

.page-gallery:hover {
	border-color: var(--hover-color);
}

/* Navegação */
.owl-theme .owl-nav [class*="owl-"] {
	background-color: var(--medium-gray);
	color: var(--text-white);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	background-color: var(--hover-color);
}

/* Preloader */
.preloader-wrapper {
	background-color: var(--primary-black);
}

/* Links */
a {
	color: var(--accent-color);
}

a:hover {
	color: var(--hover-color);
	text-decoration: none;
}

/* Elementos de formulário */
input,
textarea,
select {
	background-color: var(--dark-gray);
	border: 1px solid var(--medium-gray);
	color: var(--text-light);
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--hover-color);
}

/* Tabelas */
.table {
	color: var(--text-light);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: var(--dark-gray);
}

/* Overlays e modais */
.magnific-popup-modal {
	background-color: var(--secondary-black);
}

.mfp-bg {
	background-color: var(--primary-black);
}