/* Cores oficiais RIOW: verde profundo dominante, cream nas superfícies e CTAs, sage nos destaques.
   Sem amarelo, dourado, cobre ou qualquer accent quente. Carregar antes do CSS da página. */
:root{
  --green-950:#071C15;
  --green-900:#0B241B;
  --green-850:#102D23;
  --green-800:#17382C;
  --green-600:#5B765F;

  --sage-400:#9AAA8A;

  --cream-50:#FAF8F1;
  --cream-100:#F3F2E9;
  --cream-200:#E8E7DD;

  --white-soft:#F8F6EF;

  --text-dark:#102B22;
  --text-light:#F7F5ED;

  --line-dark:rgba(22,57,44,.20);
  --line-light:rgba(247,245,237,.16);

  /* Destaque: texto editorial, progresso, seleção, foco, linhas ativas */
  --accent:#9AAA8A;
  --accent-strong:#7F9277;
  --accent-soft:rgba(154,170,138,.12);

  /* Botão principal */
  --cta-bg:var(--cream-50);
  --cta-bg-hover:var(--cream-100);
  --cta-text:var(--text-dark);
  --cta-border:rgba(255,255,255,.12);
  --cta-shadow:0 20px 60px rgba(4,19,14,.20);

  /* Erro: única cor fora da paleta, para o estado continuar reconhecível */
  --error:#E2A6A6;
  --error-line:rgba(226,166,166,.5);
  --error-bg:rgba(226,166,166,.06);

  /* Aliases usados por qualificacao.css e trabalhe-conosco.css (mesmos valores dos --cta-*) */
  --btn-primary-bg:var(--cta-bg);
  --btn-primary-fg:var(--cta-text);
  --btn-primary-hover:var(--cta-bg-hover);
  --btn-primary-border:var(--cta-border);
  --on-accent:var(--text-dark);

  /* Seleção, decoração e luz */
  --selected-border:rgba(154,170,138,.75);
  --selected-bg:rgba(154,170,138,.07);
  --deco-line:rgba(154,170,138,.22);
  --glow-green:rgba(91,118,95,.14);
}