/* Flayr brand palette — https://www.flayrfx.com/brand#colour
   Brand colours first, then the website's UI tokens. */
:root {
  --flayr-flayr-navy: #1B2B48;
  --flayr-flayr-teal: #58C0B3;
  --flayr-white: #FFFFFF;
  --flayr-deep-teal: #3F8C85;
  --flayr-mint: #A8EFE5;
  --flayr-cyan-pop: #43D8CA;
  --flayr-slate: #343B49;
  --flayr-slate-mid: #5F6D82;
  --flayr-ink: #0D1625;
  --flayr-signal-blue: #577EF2;
  --flayr-blue-light: #8FABEF;
  --flayr-grey-light: #CDD0D7;
  --flayr-off-white: #F2F2F2;

  /* Website UI tokens (flayr.css) */
  --bg: #FAFAFC;
  --surface: #FFFFFF;
  --surface-2: #F2F2F5;
  --surface-3: #E8E8ED;
  --ink: #0D1625;
  --text: #343B49;
  --muted: #5F6D82;
  --faint: #8A93A5;
  --teal-ink: #2E766F;
  --mint: #C2F2E9;
  --mint-soft: #E7F7F4;
  --navy: #1B2B48;
}