/* StorySpark — generated from storyspark-design-system/tokens.json */
@font-face{font-family:"Montserrat";src:url("../assets/fonts/Montserrat-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../assets/fonts/Montserrat-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Montserrat";src:url("../assets/fonts/Montserrat-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{
  --ink:#3a3532;
  --paper:#f9f7f5;
  --cream:#fdf3eb;
  --action-orange:#f79420;
  --terracotta:#b74d28;
  --sunflower:#f4d873;
  --peach:#e99f87;
  --teal:#69bba7;
  --blush:#fde8df;
  --plum:#534769;
  --night:#343140;
  --hairline-warm:#cfc4b6;
  --illus-marigold:#fea806;
  --illus-tomato:#f0523d;
  --illus-rust:#ca5c3e;
  --illus-lemon:#fef16c;
  --illus-leaf:#9bca3e;
  --illus-sage:#8c9a7e;
  --illus-sky:#62a1d8;
  --illus-lilac:#a09bc0;
  --illus-berry:#a12589;
  --space-tiny:8px;
  --space-small:16px;
  --space-regular:32px;
  --space-medium:48px;
  --space-large:64px;
  --space-huge:80px;
  --space-enormous:96px;
  --space-grand:144px;
  --side-default:61.2px;
  --column:90px;
  --column-gap:21.6px;
  --navigation-height:95px;
  --max-full:1440px;
  --radius-sm:4px;
  --radius-lg:8px;
  --radius-huge:100px;
  --radius-full:9999px;
  --hairline:1px;
  --font-sans:"Montserrat", "Montserrat-Regular", system-ui, sans-serif;
}