:root {
  /* Brand red */
  --color-brand-red: #E11623;
  --color-brand-red-bright: #FF3A45;
  --color-brand-red-hover: #C8121F;
  --color-brand-red-active: #A60F18;
  --color-brand-red-deep: #A60F18;
  --color-brand-red-soft: #FDE7E9;
  /* Burnt umber */
  --color-umber-deep: #6B3416;
  --color-umber-mid: #A0522D;
  --color-umber-soft: #E8D5C4;
  /* Surfaces */
  --color-surface: #F6F7F9;
  --color-surface-raised: #FFFFFF;
  --color-surface-sunken: #ECEEF0;
  --color-anchor: #0F0F10;
  /* Ink */
  --color-fg: #0A0C12;
  --color-fg-muted: #8A90A0;
  --color-fg-subtle: #B0B5C0;
  --color-line: #E7E9EE;
}