:root {
  /* Paleta AD Floresta - Inspirada no Codeium/Windsurf */
  --fundo-principal: #0F2027;      /* Azul escuro profundo */
  --fundo-secundario: #1A3A3A;     /* Azul-verde escuro */
  --fundo-card: #203A43;           /* Card/Container */
  --fundo-hover: #2C5364;          /* Hover states */
  
  /* Verdes vibrantes */
  --verde-lima: #8BC34A;           /* Verde lima claro */
  --verde-floresta: #4CAF50;       /* Verde floresta */
  --verde-teal: #26A69A;           /* Verde água/teal */
  --verde-claro: #A5D6A7;          /* Verde claro para hover */
  --amarelo-verde: #CDDC39;        /* Amarelo esverdeado */
  
  /* Cores de texto */
  --branco-puro: #FFFFFF;
  --texto-principal: #FFFFFF;
  --texto-secundario: #B0BEC5;
  --texto-muted: #78909C;

  /* Compatibilidade com código antigo */
  --cor-primaria: #4CAF50;
  --cor-escura-1: #0F2027;
  --cor-escura-2: #1A3A3A;
  --cor-acento: #26A69A;
  --texto-inverso: #FFFFFF;
  
  /* Bordas e sombras */
  --borda-suave: rgba(38, 166, 154, 0.3);
  --borda-card: rgba(139, 195, 74, 0.2);
  --sombra-suave: 0 4px 20px rgba(0, 0, 0, 0.3);
  --sombra-card: 0 8px 32px rgba(0, 0, 0, 0.4);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
}

/* Utilitários básicos para padronizar o sistema */
.btn {
  display: inline-flex;
  align-items: center;
  gap: var(--espaco-2);
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease;
  border: none;
  cursor: pointer;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.btn:active { transform: translateY(0); }
.btn-primary { background: linear-gradient(135deg, var(--verde-floresta), var(--verde-teal)); color: var(--branco-puro); }
.btn-primary:hover { background: linear-gradient(135deg, var(--verde-lima), var(--verde-floresta)); }
.btn-accent { background: linear-gradient(135deg, var(--verde-teal), var(--verde-lima)); color: var(--branco-puro); }
.btn-secondary { background: var(--fundo-hover); color: var(--branco-puro); border: 1px solid var(--borda-suave); }

.card {
  background: var(--fundo-card);
  border: 1px solid var(--borda-card);
  border-radius: var(--radius-md);
  box-shadow: var(--sombra-card);
}

body {
  background: var(--fundo-principal);
  color: var(--branco-puro);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, sans-serif;
}

header.navbar {
  background: var(--fundo-secundario);
  border-bottom: 1px solid var(--borda-suave);
}

/* Links globais */
a { color: var(--verde-teal); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--verde-lima); }

/* Container dark padrão de página */
.container-dark {
  background-color: var(--fundo-card);
  color: var(--branco-puro);
  border: 1px solid var(--borda-card);
}
.container-dark h1,
.container-dark h2,
.container-dark h3,
.container-dark h4,
.container-dark h5,
.container-dark h6,
.container-dark p,
.container-dark span,
.container-dark label { color: var(--branco-puro); }
.container-dark .text-muted { color: var(--texto-secundario); }
.container-dark .section { border: 1px solid var(--borda-card); border-radius: var(--radius-md); }
.container-dark input,
.container-dark textarea,
.container-dark select {
  background-color: var(--fundo-secundario);
  color: var(--branco-puro);
  border: 1px solid var(--borda-suave);
}
.container-dark input::placeholder,
.container-dark textarea::placeholder {
  color: var(--texto-muted);
}
.container-dark input:focus,
.container-dark textarea:focus,
.container-dark select:focus {
  border-color: var(--verde-teal);
  outline: none;
  box-shadow: 0 0 0 3px rgba(38, 166, 154, 0.2);
}