/* Design tokens: colours, fonts, light + dark themes. Edit brand colours here. */
:root{
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Figtree", "Segoe UI", system-ui, sans-serif;
  --bg:#F3F1FA;
  --ink:#16131F;
  --ink-2:#4A4560;
  --ink-3:#6E6886;
  --glass-tint:rgba(255,255,255,.28);
  --glass-tint-strong:rgba(255,255,255,.52);
  --glass-edge:rgba(255,255,255,.85);
  --glass-edge-2:rgba(255,255,255,.35);
  --glass-shadow:0 18px 50px -18px rgba(62,32,120,.35), 0 2px 6px rgba(62,32,120,.08);
  --b1:#FF4D8D; --b2:#FF9F45; --b3:#7B61FF; --b4:#1EC8E6; --b5:#34D399; --b6:#FFD23F;
  --blob-opacity:.85;
  --check:#1E9E6A;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0D0B16; --ink:#F5F3FF; --ink-2:#C9C3E3; --ink-3:#9E97BD;
    --glass-tint:rgba(28,22,48,.34); --glass-tint-strong:rgba(34,27,58,.58);
    --glass-edge:rgba(255,255,255,.38); --glass-edge-2:rgba(255,255,255,.1);
    --glass-shadow:0 22px 60px -20px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.3);
    --blob-opacity:.6; --check:#4ADE9B;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0D0B16; --ink:#F5F3FF; --ink-2:#C9C3E3; --ink-3:#9E97BD;
  --glass-tint:rgba(28,22,48,.34); --glass-tint-strong:rgba(34,27,58,.58);
  --glass-edge:rgba(255,255,255,.38); --glass-edge-2:rgba(255,255,255,.1);
  --glass-shadow:0 22px 60px -20px rgba(0,0,0,.7), 0 2px 6px rgba(0,0,0,.3);
  --blob-opacity:.6; --check:#4ADE9B;
}