/* Colours, fonts, light and dark mode, base elements */
:root{
  --bg:#F6F3FA; --panel:#FFFFFF; --line:#E4DDEF; --ink:#2B2140; --muted:#6E6485; --field:#FBFAFD;
  --coral:#F2665A; --saffron:#F0A92E; --leaf:#34A874; --sky:#3A94D8; --violet:#8457E8;
  --accent:#8457E8; --accent-ink:#FFFFFF; --guide:#3A94D8; --desk:#EFEAF7;
  --shadow:0 1px 2px rgba(43,33,64,.06), 0 8px 24px -12px rgba(43,33,64,.18);
  --ff:"Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fd:"Fraunces", Georgia, "Times New Roman", serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#17122A; --panel:#211A37; --line:#3A3056; --ink:#F0EBFA; --muted:#A99FC2; --field:#1B152F;
    --coral:#FF7E73; --saffron:#FFC15A; --leaf:#5CCB98; --sky:#62B2F0; --violet:#A487FF;
    --accent:#A487FF; --accent-ink:#17122A; --guide:#62B2F0; --desk:#1B152F;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --bg:#17122A; --panel:#211A37; --line:#3A3056; --ink:#F0EBFA; --muted:#A99FC2; --field:#1B152F;
  --coral:#FF7E73; --saffron:#FFC15A; --leaf:#5CCB98; --sky:#62B2F0; --violet:#A487FF;
  --accent:#A487FF; --accent-ink:#17122A; --guide:#62B2F0; --desk:#1B152F;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ff);font-size:15px;line-height:1.5;padding-bottom:100px}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px}