:root {
  --ink: #102B43;
  --ink-soft: #1B3A57;
  --canvas: #FFFFFF;
  --canvas-deep: #F5F6F8;
  --white: #FFFFFF;
  --thread: #EE7302;
  --thread-ui: #B85700;
  --thread-dark: #A34D00;
  --gold: #EE7302;
  --whatsapp: #0F8140;
  --whatsapp-dark: #0B6B34;
  --line: #DDE1E8;
  --silver: #F2F3F5;
  --text-on-ink: #F3EEDF;
  --text-muted: #5B6685;
  --radius: 2px;
}

::selection {
  background: var(--thread-ui);
  color: #fff;
}

:focus-visible {
  outline: 2px solid var(--thread-ui);
  outline-offset: 2px;
}