:root{
  --color-white:#FFFFFF;
  --color-green:#1C4F37;
  --color-orange:#F26A1C;
  --gray-01-cloud:#EDEFF7;
  --gray-02-smoke:#D3D6E0;
  --gray-03-steel:#BCBFCC;
  --gray-04-space:#9DA2B3;
  --gray-05-graphite:#6E7180;
  --gray-06-arsenic:#40424D;
  --gray-07-phantom:#1E1E24;
  --gray-08-black:#000000;

  --brand-primary:var(--color-green);
  --brand-secondary:var(--color-orange);
  --brand-cta:var(--color-orange);

  --surface-page:var(--color-white);
  --surface-card:var(--color-white);
  --surface-sunken:var(--gray-01-cloud);
  --surface-dark:var(--gray-07-phantom);
  --surface-inverse-on-dark:var(--color-white);

  --text-heading:var(--gray-07-phantom);
  --text-body:var(--gray-06-arsenic);
  --text-muted:var(--gray-05-graphite);
  --text-on-dark:var(--color-white);
  --text-on-brand:var(--color-white);
  --text-link:var(--color-green);
  --text-link-hover:var(--color-orange);

  --border-default:var(--gray-02-smoke);
  --border-strong:var(--gray-03-steel);

  --focus-ring:var(--color-orange);

  --state-success:var(--color-green);
  --state-warning:var(--color-orange);
  --state-danger:#C0392B;
}