/* ============================================================
   rx-core — Theming por produto (CANÓNICO, opt-in)
   Carregar DEPOIS de tokens.css. Cada produto activa o seu tema via
   atributo no <html>: <html data-product="community">. Sem atributo,
   mantém o âmbar do ImóvelRX (default de tokens.css), sem alterações.

   Como funciona: os componentes (confirm-modal, toast, notification-center,
   scroll-nav, input, modal) referenciam sempre var(--amber*) — nunca
   reescritos. Só o VALOR desses tokens muda por produto; o nome do token
   ("amber") fica histórico/literal, não significa que a cor é âmbar.

   overlay.css é excepção: usa hex literal em vários sítios (decisão
   deliberada do tema congelado solid-dark/solid-light, não usa var()) —
   por isso precisa de overrides próprios aqui, espelhando os mesmos
   valores, em vez de herdar automaticamente como os outros componentes.
   ============================================================ */

/* ── CommunityRX — accent teal ──────────────────────────────── */
html[data-product="community"] {
  --amber:      #14b8a6;
  --amber-2:    #2dd4bf;
  --amber-3:    #5eead4;
  --amber-ink:  #0f766e;
  --amber-glow: #14b8a622;
}

html.light[data-product="community"] {
  --amber:      #0f766e;
  --amber-2:    #115e59;
  --amber-3:    #134e4a;
  --amber-ink:  #0c4a44;
  --amber-glow: #14b8a620;
}

/* overlay.css usa hex literal, não var() — espelhar manualmente. */
html[data-product="community"] #transition-overlay .logo span { color: #14b8a6; }
html[data-product="community"] #transition-overlay .transition-spinner { border-top-color: #14b8a6; }
html.light[data-product="community"] #transition-overlay .transition-spinner { border-top-color: #0f766e; }
html[data-product="community"] #transition-overlay.solid-dark .logo span { color: #14b8a6 !important; }
html[data-product="community"] #transition-overlay.solid-dark .transition-spinner { border-top-color: #14b8a6 !important; }
html[data-product="community"] #transition-overlay.solid-light .logo span { color: #0f766e !important; }
html[data-product="community"] #transition-overlay.solid-light .transition-spinner { border-top-color: #0f766e !important; }