/* Design tokens, copied verbatim from the website repo:
   ~/Self/sortcut-site/css/styles.css (:root, commit 4415122).
   Keep in sync by hand: when the site changes a token, change it here too.
   The site loads Inter from Google Fonts; this app self-hosts it instead
   (css/fonts.css, /fonts), since the CSP allows 'self' only. */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --bg-2:#F6F5F8;
  --ink:#0C0B10;
  --ink-2:#3A3940;
  --gray:#6E6D76;
  --gray-2:#A3A1AB;
  --line:#E9E7EE;
  --line-2:#DCD9E3;
  --yellow:#FEDA75;
  --orange:#FA7E1E;
  --pink:#D62976;
  --purple:#962FBF;
  --blue:#4F5BD5;
  --ig:linear-gradient(45deg,#FEDA75 0%,#FA7E1E 22%,#D62976 50%,#962FBF 76%,#4F5BD5 100%);
  --ig-btn:linear-gradient(90deg,#F77737 0%,#E1306C 45%,#C13584 72%,#833AB4 100%);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --r-lg:28px;--r-md:20px;--r-sm:12px;
  --shadow:0 1px 2px rgba(12,11,16,.04),0 8px 24px -8px rgba(12,11,16,.08);
  --shadow-lg:0 2px 6px rgba(12,11,16,.04),0 40px 80px -24px rgba(60,20,80,.22);
}