:root {
/* === Tema 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;
}




/* === Tema Dark === */
[data-theme="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;
}

.button-theme {
    position: relative;
    padding: 10px;
    cursor: pointer;
    z-index: 1;
}

.button-whatsapp-bottom {
    display:flex;
    position:fixed;
    bottom:0; 
    justify-content:center; 
    line-height:25px; 
    height:50px; 
    box-shadow:0px -2px 10px #000; 
    z-index:1;
    cursor: pointer;
    background-color:var(--btn-whatsapp);
    white-space: nowrap;
}

.button-whatsapp {
    display: flex;
    position:fixed;
    border-radius:0 50% 50% 0;
    width:80px;
    height:80px;
    left:0;
    bottom:80px;
    z-index:1;
    cursor:pointer;
    background-color:var(--btn-whatsapp);
}
.button-whatsapp a{
    text-decoration:none;     
    font-size:5em;
    color:var(--btn-whatsapp-text);
}
.button-whatsapp i{
    position:absolute;
    top: 5px;
    left:-10px;
}

.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;
}