:root {
  /* Official SnapTrove palette, sampled from app-icon-v1.png and logo-lockup-v1.png. */
  --brand-midnight: #000922;
  --brand-midnight-logo: #000c24;
  --brand-slate: #162445;
  --brand-neutral: #9fafc2;
  --brand-surface: #fbfbfb;
  --brand-surface-soft: #f8f8f9;
  --brand-blue: #01aafe;
  --brand-indigo: #6641fd;
  --brand-purple: #7535fd;
  --brand-pink: #fd3983;
  --brand-red-pink: #fd3c6d;
  --brand-orange: #fe8c1f;

  --brand-midnight-rgb: 0, 9, 34;
  --brand-midnight-logo-rgb: 0, 12, 36;
  --brand-slate-rgb: 22, 36, 69;
  --brand-neutral-rgb: 159, 175, 194;
  --brand-surface-rgb: 251, 251, 251;
  --brand-blue-rgb: 1, 170, 254;
  --brand-indigo-rgb: 102, 65, 253;
  --brand-purple-rgb: 117, 53, 253;
  --brand-pink-rgb: 253, 57, 131;
  --brand-orange-rgb: 254, 140, 31;

  --brand-gradient: linear-gradient(
    100deg,
    var(--brand-blue) 0%,
    var(--brand-indigo) 34%,
    var(--brand-purple) 50%,
    var(--brand-pink) 70%,
    var(--brand-orange) 100%
  );
  --brand-gradient-horizontal: linear-gradient(
    90deg,
    var(--brand-blue) 0%,
    var(--brand-indigo) 34%,
    var(--brand-purple) 50%,
    var(--brand-pink) 72%,
    var(--brand-orange) 100%
  );
}