:root{
      --verde-escuro:#004D30;
      --verde:#06A451;
      --vermelho:#DF3E48;
      --vermelho-escuro:#C31A39;
      --mint:#A6CEB1;
      --claro:#D0E5E3;
      --bg:#f7faf9;
      --texto:#0f1b16;
      --card:#ffffff;
      --borda:rgba(0,0,0,.08);
      --sombra:0 10px 24px rgba(0,0,0,.08);
      --radius:16px;

      /* tokens novos (não quebram o layout antigo) */
      --primary: var(--verde);
      --primary-ink: #ffffff;
      --surface: var(--card);
      --surface-2: #f2f7f5;
      --muted: rgba(15,27,22,.68);
      --ring: rgba(6,164,81,.35);
      --shadow-sm: 0 6px 14px rgba(0,0,0,.06);
      --shadow-md: 0 14px 30px rgba(0,0,0,.10);
      --radius-sm: 12px;
      --radius-lg: 22px;

      /* aliases p/ compatibilidade (alguns componentes usam esses nomes) */
      --fg: var(--texto);
      --bd: var(--borda);
      --panel: var(--surface);
      --line: rgba(0,0,0,.10);
    }