/* ── EcoPay Brand CSS ──────────────────────────────────────────────────────── */
:root {
  --cor-preto: #0B0B0C;
  --cor-creme: #F5F1E9;
  --cor-cinza: #8A8A86;
  --cor-dourado: #C9A24B;
  --cor-cinza-texto: #7A736A;
  --gradiente-dourado: linear-gradient(135deg, #F3DE9C 0%, #D8B25E 45%, #B8893A 70%, #EAC877 100%);
  --gradiente-dourado-h: linear-gradient(90deg, #F3DE9C 0%, #D8B25E 45%, #B8893A 70%, #EAC877 100%);
  --sombra-card: 0 2px 16px rgba(0,0,0,0.45);
  --raio: 4px;
  --borda-sutil: 1px solid rgba(138,138,134,0.2);
}

*, *::before, *::after { box-sizing: border-box; }

html { font-size: 16px; -webkit-text-size-adjust: 100%; }

body {
  font-family: Arial, Helvetica, sans-serif;
  background: var(--cor-preto);
  color: var(--cor-creme);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--cor-dourado); }
a:hover { opacity: 0.8; }

::selection { background: rgba(201,162,75,0.3); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(138,138,134,0.4); border-radius: 3px; }