:root {
/* === Tema Light === */
    /* Brand */
  --color-primary: #B8962E; /* Dourado refinado */
  --color-dark: #FFFFFF;
  --color-darker: #F3F4F6;
  --color-navy: #E5E7EB;

  /* Body */
  --body-bg: #FFFFFF;
  --body-text: #111827;
  --body-text-muted: #6B7280;

  /* Navbar */
  --navbar-bg: #FFFFFF;
  --navbar-text: #111827;
  --navbar-link-hover: #B8962E;
  --navbar-close:#FFFFFF;
  
    /* Botões */
  --btn-whatsapp:#075E54;
  --btn-whatsapp-text:#E9EDEF;
  

  /* Cards */
  --card-bg: #F9FAFB;
  --card-border: #E5E7EB;
  --card-title: #111827;
  --card-text: #6B7280;
  --card-accent: #B8962E;
  --card-bg-destaque:#FFFFFF;
  --card-text-destaque:#111827;

  /* Newsletter */
  --newsletter-bg: #111827;
  --newsletter-text: #F9FAFB;
  --newsletter-input-bg: #FFFFFF;
  --newsletter-btn-bg: #B8962E;
  --newsletter-btn-hover: #9F7E1F;

  /* Footer */
  --footer-bg: #F3F4F6;
  --footer-text: #6B7280;
  --footer-link: #111827;
  --footer-link-hover: #B8962E;

  /* Developer Bar */
  --devbar-bg: #E5E7EB;
  --devbar-text: #374151;
  --devbar-link: #B8962E;
}


/* === Tema Dark === */
[data-theme="light"] {
  /* Brand */
  --color-primary: #D4AF37; /* Dourado Luxo */
  --color-dark: #0E0F13;
  --color-darker: #020617;
  --color-navy: #111827;

  /* Body */
  --body-bg: #0E0F13;
  --body-text: #E5E7EB;
  --body-text-muted: #9CA3AF;

  /* Navbar */
  --navbar-bg: #111827;
  --navbar-text: #F9FAFB;
  --navbar-link-hover: #D4AF37;
  --navbar-close:#666666;
  
      /* Botões */
  --btn-whatsapp:#202C33;
  --btn-whatsapp-text:#E9EDEF;
  

  /* Cards */
  --card-bg: #1F2933;
  --card-border: #2D3748;
  --card-title: #F9FAFB;
  --card-text: #9CA3AF;
  --card-accent: #D4AF37;
  --card-bg-destaque:#111827;
  --card-text-destaque:#9CA3AF;

  /* Newsletter */
  --newsletter-bg: #D4AF37;
  --newsletter-text: #0E0F13;
  --newsletter-input-bg: #F9FAFB;
  --newsletter-btn-bg: #111827;
  --newsletter-btn-hover: #000000;

  /* Footer */
  --footer-bg: #020617;
  --footer-text: #9CA3AF;
  --footer-link: #E5E7EB;
  --footer-link-hover: #D4AF37;

  /* Developer Bar */
  --devbar-bg: #000000;
  --devbar-text: #6B7280;
  --devbar-link: #D4AF37;
}

.button-theme {
    position: fixed;
    right: 0px;
    top:50%;
    padding: 10px;
    border-radius: 5px 0px 0px 5px;
    background-color: #000000;
    color: white;
    border:dashed 1px #ccc;
    cursor: pointer;
    transition: all 2s;
    z-index: 9999;
}

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

.navbar .nav-link {
  color: var(--navbar-color) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: var(--navbar-hover-color) !important;
}

/* Cards */
.card {
  background-color: var(--card-bg);
  border-color: var(--card-border-color);
  color: var(--card-color);
}

/* Botões */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-btn-color);
}

.btn-primary:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-bg);
  color: var(--bs-btn-hover-color);
}

/* Desenvolvedor */
.dev-bar {
  background: var(--devbar-bg);
  color: var(--devbar-color);
  font-size: 0.875rem;
}

.dev-bar a {
  color: var(--devbar-link);
  text-decoration: none;
}