/* theme.css — PALETA CENTRAL do Precifica Mais (REGRA DE OURO).
   Nenhuma tela escreve codigo de cor direto: todas usam estes tokens.
   Mudar uma cor aqui muda o sistema inteiro de uma vez.
   Base: IDENTIDADE_VISUAL_PRECIFICA.md (tema dark, esmeralda + ouro). */
:root {
  /* Fundos (tema dark) */
  --bg-base: #0D1310;
  --bg-surface: #141B17;

  /* Verde esmeralda — a alma da marca */
  --emerald: #0A6B52;
  --emerald-light: #2AA181;

  /* Ouro — acento nobre */
  --gold: #C9A24B;
  --gold-light: #D4B25C;

  /* Texto */
  --text-main: #EAECE6;
  --text-muted: #788079;

  /* Apoio */
  --danger: #C7524B;
  --border: #24302A;

  /* Ouro profundo — usado SO para dar reflexo metalico ao dourado (efeito joia).
     Mora aqui, no lugar central, junto das outras cores da marca. */
  --gold-deep: #A5812F;

  /* Semanticos (apontam para as cores da marca; troque num lugar so) */
  --ok: var(--emerald-light);

  /* Ouro "metalico": um leve reflexo em vez de amarelo chapado (efeito joia). */
  --gold-metal: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 48%, var(--gold-deep) 100%);

  /* Esmeralda profunda — da sombra ao verde metalico (efeito joia do VERDE).
     Criados no briefing V2 da pagina de vendas: o verde e o protagonista da
     marca e ganha os mesmos acabamentos de joia que o ouro ja tinha. */
  --emerald-deep: #07523E;
  --emerald-metal: linear-gradient(135deg, var(--emerald-light) 0%, var(--emerald) 52%, var(--emerald-deep) 100%);
  --emerald-glow: 0 0 14px rgba(42, 161, 129, 0.35); /* halo suave em volta do verde */
  --emerald-ring: 0 0 0 1px rgba(42, 161, 129, 0.5); /* aro fino esmeralda */
  --emerald-soft: rgba(42, 161, 129, 0.10);          /* fundo discreto esverdeado */

  /* Efeito PEDRA PRECIOSA / brilho de joia (Fase 3) — reflexos e halos do ouro.
     Ficam centralizados aqui para o dourado "acender" de forma uniforme em todo
     o sistema; as telas so consomem estes tokens, nunca recriam o brilho. */
  --sheen: rgba(255, 255, 255, 0.38);           /* reflexo metalico que corre pelo ouro */
  --gold-glow: 0 0 14px rgba(201, 162, 75, 0.38); /* halo suave em volta do ouro */
  --gold-ring: 0 0 0 1px rgba(201, 162, 75, 0.5); /* aro fino dourado (contorno de joia) */
  --gold-soft: rgba(201, 162, 75, 0.10);          /* fundo discreto para estados "concluido" */

  /* Formato */
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}