/* ==========================================================================
   CLOUD FOTOS — tema preto e dourado
   Carregado depois do app.css quando Admin → Configurações → Tema = Preto e dourado.
   "html:root" vence o ":root" do app.css, então a ordem dos arquivos não importa.
   ========================================================================== */
html:root {
  --brand: #d4af37;
  --brand-rgb: 212,175,55;
  --brand-600: #b8962e;
  --brand-light: #f5dc8a;
  --brand-soft: #e9cf7f;
  --brand-text: #f3e3b0;
  --on-brand: #111008;
  --ink: #f6f1e6;
  --ink-2: #d7cfbf;
  --muted: #9b917e;
  --placeholder: #6b6455;
  --faint: #4a4234;
  --line: #2a261d;
  --line-2: #1b1913;
  --line-strong: #3d3628;
  --bg: #050505;
  --bg-rgb: 5,5,5;
  --panel: #0a0a09;
  --deep: #000;
  --card: #121110;
  --card-2: #191815;
  --input: #0d0c0b;
  --accent-deep: #2a210c;
  --accent-deep-2: #3b2d0e;
}

/* Logo dourado */
html:root .logo-dot { background-image: url(../img/icon-gold.png); }

/* Nome da marca com brilho dourado */
html:root .brand-name span { background: linear-gradient(180deg, #f8e7a8, #d4af37 55%, #a8842a); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; filter: drop-shadow(0 0 8px rgba(212,175,55,.45)); }

/* ✓ dos planos em dourado */
html:root .plan li i { color: var(--brand); }

/* Botão principal com leve degradê metálico */
html:root .btn:not(.btn-light):not(.btn-ghost):not(.btn-danger):not(.btn-danger-light):not(.btn-green):not(.btn-wa) {
  background: linear-gradient(180deg, #e6c45a, #c9a230);
}
html:root .btn:not(.btn-light):not(.btn-ghost):not(.btn-danger):not(.btn-danger-light):not(.btn-green):not(.btn-wa):hover {
  background: linear-gradient(180deg, #f0d06a, #d4af37);
}