/* ==========================================================================
   CLOUD FOTOS — tema branco com preto e champanhe
   Fundo branco, textos #797b7c; destaque #cfbf8c (champanhe) e preto nos
   detalhes (menu lateral, selo do logo, cartão do logo, faixa de chamada).
   Carregado DEPOIS do theme-gold.css.
   ========================================================================== */
html:root {
  color-scheme: light;
  --brand: #cfbf8c;
  --brand-rgb: 207,191,140;
  --brand-600: #bfae78;
  --brand-light: #e3d7b0;
  --brand-soft: #a8996a;
  --brand-text: #6e6243;
  --link: #8f7f50;           /* mesmo tom do #cfbf8c, mais escuro para dar leitura em links */
  --on-brand: #2b2b2b;       /* texto dos botões #cfbf8c */
  --ink: #797b7c;
  --ink-2: #797b7c;
  --muted: #9a9c9d;
  --placeholder: #b5b7b8;
  --faint: #d6d2c6;
  --line: #e9e6de;
  --line-2: #f4f2ed;
  --line-strong: #dad5c8;
  --bg: #ffffff;
  --bg-rgb: 255,255,255;
  --panel: #0b0b0b;
  --deep: #0b0b0b;
  --card: #ffffff;
  --card-2: #f8f7f3;
  --input: #ffffff;
  --accent-deep: #111111;
  --accent-deep-2: #2a2618;
  --green: #15803d; --green-50: #e7f5ec;
  --red: #b91c1c;   --red-50: #fdecec;
  --amber: #a16207; --amber-50: #fdf4e3;
  --shadow: 0 1px 2px rgba(17,17,17,.05), 0 4px 16px rgba(17,17,17,.06);
  --shadow-lg: 0 12px 40px rgba(17,17,17,.14);
}

/* Logo no tom champanhe */
html:root .logo-dot { background-image: url(../img/icon-champagne.png); border-color: rgba(207,191,140,.5); box-shadow: 0 0 12px rgba(207,191,140,.3); }

/* Nome da marca */
html:root .brand-name b { color: var(--ink); }
html:root .brand-name span { background: linear-gradient(180deg, #ddd0a6, #cfbf8c 50%, #ad9d6c); -webkit-background-clip: text; background-clip: text; color: transparent; filter: none; }
html:root .sidebar .brand-name b { color: #fff; }
html:root .sidebar .brand-name span { background: linear-gradient(180deg, #ece3c6, #cfbf8c 60%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 8px rgba(207,191,140,.35)); }

/* Botões #cfbf8c */
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, #dacc9e, #c6b580);
}
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, #e3d7b0, #cfbf8c);
}

/* Menu lateral preto com champanhe */
html:root .sidebar { background: #0b0b0b; color: #c9c6bd; border-right-color: #1f1e1a; }
html:root .sidebar-brand small { background: rgba(207,191,140,.16); color: #e3d7b0; }
html:root .sidebar-nav a.active { background: rgba(207,191,140,.14); color: #fff; box-shadow: inset 3px 0 0 #cfbf8c; }
html:root .sidebar-nav a.active i { color: #cfbf8c; }
html:root .sidebar-storage { background: #161512; color: #c9c6bd; }
html:root .sidebar-storage small { color: #9a9c9d; }
html:root .sidebar-storage .progress { background: #2a2820; }
html:root .sidebar-storage .progress > div { background: #cfbf8c; }

/* Alertas legíveis no branco */
html:root .alert-success { color: #14532d; border-color: #bfe3cc; }
html:root .alert-danger  { color: #7f1d1d; border-color: #f5c2c2; }
html:root .alert-warning { color: #713f12; border-color: #f1dcaa; }
html:root .alert-info    { color: #6e6243; background: #faf7ee; border-color: #e8dfc4; }

html:root .modal { background: rgba(17,17,17,.45); }
html:root .table tr:hover td { background: #fbfaf7; }
html:root .icon-btn, html:root .user-chip { background: #fff; }

/* Páginas públicas */
html:root .l-nav nav a.link.active { color: #4f5152; }
html:root .l-top { background: radial-gradient(900px 520px at 78% 30%, rgba(207,191,140,.16), transparent 70%); }
html:root .bg-soft { background: #f8f7f3; border-color: var(--line); }
html:root .hero h1 em { background: linear-gradient(90deg, #cfbf8c, #a8996a); -webkit-background-clip: text; background-clip: text; }
html:root .hero-visual img { background: radial-gradient(circle at 50% 40%, #1a1813, #0b0b0b 70%); border-radius: 32px; padding: 26px; box-shadow: 0 24px 60px rgba(17,17,17,.22), 0 0 0 1px rgba(207,191,140,.45); filter: none; }
html:root .cta { color: #fff; }
html:root .cta p { color: #c9c6bd; }
html:root .cta .btn { background: linear-gradient(180deg, #dacc9e, #c6b580) !important; color: #2b2b2b !important; }
html:root .wa-card .wa-num { color: var(--ink); }
html:root .wa-card { background: radial-gradient(500px 220px at 0% 0%, rgba(37,211,102,.10), transparent), #fff; }
html:root .feature:hover { box-shadow: 0 8px 28px rgba(17,17,17,.08); }
html:root .plan.featured { box-shadow: 0 10px 36px rgba(207,191,140,.35); }
html:root .plan li i { color: #b8a774; }