/* Color foundation — copied from Framer */
:root {
  --background: rgb(255, 255, 255);
  --background-primary: rgba(136, 136, 136, 0.08);
  --background-tertiary: rgba(136, 136, 136, 0.16);
  --background-quaternary: rgba(136, 136, 136, 0.2);
  --text-secondary: rgba(64, 64, 64, 0.8);
  --text-tertiary: rgba(64, 64, 64, 0.3);
  --outline-primary: rgba(84, 84, 84, 0.32);
  --outline-secondary: rgba(84, 84, 84, 0.24);
  --outline-tertiary: rgba(84, 84, 84, 0.16);
  --brand: rgb(0, 89, 255);
  --background-overlay: rgba(0, 0, 0, 0.56);
  --text-primary: rgb(17, 17, 17);
  --text-quaternary: rgba(64, 64, 64, 0.18);
  --background-secondary: rgba(136, 136, 136, 0.12);
  --floating-tab-selection: rgba(120, 120, 128, 0.16);
  --nav-bg-overlay: rgba(255, 255, 255, 0.34);
  --outline-quaternary: rgba(84, 84, 84, 0.08);
  --nav-bg: rgba(120, 120, 120, 0.16);
  --text-primary-inverted: rgb(255, 255, 255);
  --text-secondary-inverted: rgba(235, 235, 235, 0.8);
  --text-tertiary-inverted: rgba(235, 235, 235, 0.3);
  --text-quaternary-inverted: rgba(235, 235, 235, 0.18);
  --background-inverted: rgb(17, 17, 17);
  --background-primary-inverted: rgba(136, 136, 136, 0.08);
  --background-secondary-inverted: rgba(136, 136, 136, 0.12);
  --background-tertiary-inverted: rgba(136, 136, 136, 0.16);
  --background-quaternary-inverted: rgba(136, 136, 136, 0.2);
}