:root {
  color-scheme: light;
  --ion-ink: #18162d;
  --ion-muted: #65647a;
  --ion-blue: #168df2;
  --ion-blue-hover: #0878d5;
  --ion-navy: #11084b;
  --ion-violet: #6e63ff;
  --ion-sky: #84d8ff;
  --ion-mint: #bffbe9;
  --ion-surface: #ffffff;
  --ion-background: #f4f7fc;
  --ion-border: #dfe7f3;
  --ion-radius: 24px;
  --ion-shadow: 0 18px 56px rgb(35 55 104 / 8%);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}