:root{
  --xl-50:#f3f8f5;
  --xl-100:#e2efda;
  --xl-200:#c6e0b4;
  --xl-300:#8cc079;
  --xl-400:#548235;
  --xl-500:#217346;
  --xl-600:#185c37;
  --xl-700:#0f3d2e;
  --xl-800:#0a2a20;
  --xl-900:#061911;

  --grid-50:#ffffff;
  --grid-100:#f8f8f8;
  --grid-200:#f2f2f2;
  --grid-300:#e7e6e6;
  --grid-400:#d4d4d4;
  --grid-500:#b4b4b4;
  --grid-600:#767676;
  --grid-700:#595959;
  --grid-800:#3b3b3b;
  --grid-900:#1a1a1a;

  --ink-50:#f6f6f6;
  --ink-100:#ececec;
  --ink-400:#6b6b6b;
  --ink-500:#4a4a4a;
  --ink-600:#333333;
  --ink-700:#262626;
  --ink-900:#141414;

  --wa-500:#25d366;
  --wa-600:#1ebe57;
  --select-fill:#e2efda;
  --select-stroke:#217346;
  --formula:#0f3d2e;
}