:root{
  /* Brand green ramp — anchored on the logo/brand green #059669 */
  --green-50:#ECFDF5;
  --green-100:#D3F5E5;
  --green-200:#A7E9CD;
  --green-300:#6FD8AF;
  --green-400:#34C48F;
  --green-500:#10B981;
  --green-600:#059669;
  --green-700:#047857;
  --green-800:#0B5C46;
  --green-900:#0C3F31;
  --green-950:#062A21;

  /* Ink / neutral ramp — cool, slightly green-shifted greys */
  --ink-950:#0B1512;
  --ink-900:#16211E;
  --ink-800:#22302B;
  --ink-700:#33443E;
  --ink-600:#4B5E57;
  --ink-500:#6B7C76;
  --ink-400:#93A29C;
  --ink-300:#BEC9C4;
  --ink-200:#DCE4E0;
  --ink-100:#EBF0ED;
  --ink-50:#F5F8F6;
  --white:#FFFFFF;

  /* Semantic */
  --amber-500:#F59E0B;
  --amber-50:#FFF8EB;
  --red-600:#DC2626;
  --red-50:#FEF2F2;
  --blue-600:#2563EB;
  --whatsapp:#25D366;
  --whatsapp-dark:#128C7E;

  /* Aliases: surfaces */
  --surface-page:var(--white);
  --surface-muted:var(--ink-50);
  --surface-tint:var(--green-50);
  --surface-card:var(--white);
  --surface-inverse:var(--green-950);
  --surface-inverse-2:var(--green-900);
  --surface-brand:var(--green-600);

  /* Aliases: text */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-inverse:var(--white);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-brand:var(--green-700);
  --text-link:var(--green-700);
  --text-link-hover:var(--green-800);

  /* Aliases: borders */
  --border-subtle:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-brand:var(--green-600);
  --border-inverse:rgba(255,255,255,.16);

  /* Aliases: interactive */
  --action-primary:var(--green-600);
  --action-primary-hover:var(--green-700);
  --action-primary-active:var(--green-800);
  --action-secondary:var(--ink-900);
  --action-secondary-hover:var(--ink-800);
  --focus-ring:rgba(5,150,105,.35);

  /* Aliases: feedback */
  --success-fg:var(--green-700);
  --success-bg:var(--green-50);
  --warning-fg:#B45309;
  --warning-bg:var(--amber-50);
  --danger-fg:var(--red-600);
  --danger-bg:var(--red-50);
}