:root {
  /* Primary scale */
  --palette-primary-dark: #1974e2;
  --palette-primary-base: #448fea;
  --palette-primary-light: #72aaef;

  /* Primary interactions */
  --palette-primary-hover: #447bc6;

  /* Action scale */
  --palette-action-dark: #257f0c;
  --palette-action-base: #33ae10;
  --palette-action-light: #41dd14;

  /* Action interactions */
  --palette-action-hover: #328a15;

  /* Highlight scale */
  --palette-highlight-dark: #cc6a00;
  --palette-highlight-base: #ff8400;
  --palette-highlight-light: #ff9d33;

  /* Highlight interactions */
  --palette-highlight-hover: #ffa800;

  /* Caution scale */
  --palette-caution-dark: #dc2f1b;
  --palette-caution-base: #e85342;
  --palette-caution-light: #ee7c6f;

  /* Caution interactions */
  --palette-caution-hover: #e53e2b;

  /* Warning scale */
  --palette-warning-dark: #ffd15a;
  --palette-warning-base: #ffdf8d;
  --palette-warning-light: #ffedc0;

  /* Warning interactions */
  --palette-warning-hover: #ffd874;

  /* Brand */
  --palette-brand-dark: #001c33;

  /* Neutral */
  --palette-neutral-xx-dark: #282624;
  --palette-neutral-x-dark: #333;
  --palette-neutral-dark: #4a4a4a;
  --palette-neutral-mid-dark: #737373;
  --palette-neutral-base: #9d9d9d;
  --palette-neutral-mid: #b6b6b6;
  --palette-neutral-mid-light: #c8c8c8;
  --palette-neutral-light: #e1e1dd;
  --palette-neutral-x-light: #f5f5f2;
  --palette-neutral-xx-light: #fbfaf6;

  /* Accessible colors */
  --palette-caution-text: #d82417;
  --palette-grey-x-light: rgba(0, 0, 0, 0.03);
  --palette-grey-light: rgba(0, 0, 0, 0.12);
  --palette-grey-base: rgba(0, 0, 0, 0.38);
  --palette-grey-dark: rgba(0, 0, 0, 0.54);
  --palette-grey-x-dark: rgba(0, 0, 0, 0.87);

  /* Primitives */
  --white: #fff;
  --black: #000;
}