/* UI-14 · Paleta derivada da logo STLzilla (verde #43B878, petróleo #0B2429).
   Carregado depois de design-tokens.css nas páginas que já usam o novo visual.
   Branco sobre #43B878 reprova no contraste (2.51): botão verde usa texto #0B2429;
   textos e links verdes sobre fundo claro usam #1F7A4D. */
:root {
  --brand-green: #43b878;
  --brand-teal: #0b2429;
  --color-primary: #43b878;
  --color-primary-hover: #3cac6f;
  --color-primary-active: #38a169;
  --color-on-primary: #0b2429;
  --color-link: #1f7a4d;
  --color-link-hover: #176641;
  --color-primary-soft: #e8f6ee;
  --color-primary-border: #a9dfc1;
  --color-teal-soft: #e6eeee;
  --color-accent: #1f7a4d;
  --color-ink: #0b2429;
  --color-muted: #4f6366;
  --color-bg: #f4f8f7;
  --color-surface: #fff;
  --color-surface-soft: #eef4f2;
  --color-border: #d3dedb;
  --color-border-strong: #7e918e;
  --color-focus: #1f7a4d;
  --color-success: #1f7a4d;
  --color-success-soft: #e8f6ee;
  --color-danger: #b42336;
  --color-danger-soft: #fdeeef;
  --color-warning: #8a5a0f;
  --color-warning-soft: #fff5e0;
  --color-info: #1d5c8f;
  --color-info-soft: #eaf2fa;
  --color-glow: #e8f6ee;
  --color-glow-soft: #eef4f2;
  --color-glow-pale: #f4f8f7;
  --color-overlay: rgb(11 36 41 / 40%);
  --shadow-card: 0 12px 35px rgb(11 36 41 / 7%);
  --purple: var(--color-link);
}

:focus-visible { outline-color: var(--color-focus); }