:root {
  /* =========================
     BASE
  ========================= */
  --branco: #ffffff;
  --preto: #000000;
  --cinza: #555555;

  /* =========================
     BRAND (identidade)
  ========================= */
  --verde-inova: #4da7af;
  --verde-medio: #56c3ca;
  --verde-escuro: #00757c;

  --amarelo: #fbf3de;
  --amarelo-escuro: #f1e9a8;

  --ciano-claro: #d6e6e6;

  /* ========================= ========================= */

  --bg-page: linear-gradient(135deg, #56c3ca 0%, #9bd7d2 70%, #fbf3de 80%);
  --bg-card: var(--amarelo);

  --text-primary: var(--verde-escuro);
  --text-secondary: var(--cinza);
  --text-inverse: var(--branco);

  --border-default: var(--ciano-claro);

  --btn-primary-bg: var(--verde-escuro);
  --btn-primary-hover: var(--verde-medio);

  --btn-secondary-bg: var(--verde-medio);
  --btn-secondary-hover: var(--amarelo);

  /* STATUS */
  --status-ativo-bg: rgba(76,175,80,0.15);
  --status-ativo-text: #2e7d32;

  --status-inativo-bg: rgba(244,67,54,0.15);
  --status-inativo-text: #c62828;
}