{
 "format": "webflow-variables",
 "system": "tidewell",
 "fonts": {
  "links": [
   "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600&display=swap"
  ],
  "families": [
   {
    "family": "Onest",
    "weights": [
     400,
     500,
     600
    ]
   }
  ]
 },
 "tokens": {
  "Colors": [
   {
    "name": "Palette/Jasper Red",
    "css": "--palette-jasper-red",
    "light": "#eb5324",
    "dark": "#eb5324"
   },
   {
    "name": "Palette/Seashell Pink",
    "css": "--palette-seashell-pink",
    "light": "#fdd4bd",
    "dark": "#fdd4bd"
   },
   {
    "name": "Palette/Olympic Blue",
    "css": "--palette-olympic-blue",
    "light": "#5a82b3",
    "dark": "#5a82b3"
   },
   {
    "name": "Color/background",
    "css": "--color-background",
    "light": "#fdd4bd",
    "dark": "#15171c"
   },
   {
    "name": "Color/foreground",
    "css": "--color-foreground",
    "light": "#15171c",
    "dark": "#ffffff"
   },
   {
    "name": "Color/body",
    "css": "--color-body",
    "light": "#685b56",
    "dark": "#afb0b2"
   },
   {
    "name": "Color/surface",
    "css": "--color-surface",
    "light": "#fee6d9",
    "dark": "#212327"
   },
   {
    "name": "Color/surface-foreground",
    "css": "--color-surface-foreground",
    "light": "#15171c",
    "dark": "#ffffff"
   },
   {
    "name": "Color/muted",
    "css": "--color-muted",
    "light": "#f3ccb5",
    "dark": "#2b2b2b"
   },
   {
    "name": "Color/muted-foreground",
    "css": "--color-muted-foreground",
    "light": "#685b56",
    "dark": "#afb0b2"
   },
   {
    "name": "Color/border",
    "css": "--color-border",
    "light": "#ffffffbf",
    "dark": "#ffffff38"
   },
   {
    "name": "Color/border-strong",
    "css": "--color-border-strong",
    "light": "#15171c47",
    "dark": "#ffffff47"
   },
   {
    "name": "Color/input",
    "css": "--color-input",
    "light": "#ffffff8c",
    "dark": "#ffffff1f"
   },
   {
    "name": "Color/input-background",
    "css": "--color-input-background",
    "light": "#fef0e7",
    "dark": "#212327"
   },
   {
    "name": "Color/ring",
    "css": "--color-ring",
    "light": "#5a82b3",
    "dark": "#5a82b3"
   },
   {
    "name": "Color/primary",
    "css": "--color-primary",
    "light": "#15171c",
    "dark": "#fdd4bd"
   },
   {
    "name": "Color/primary-foreground",
    "css": "--color-primary-foreground",
    "light": "#ffffff",
    "dark": "#15171c"
   },
   {
    "name": "Color/secondary",
    "css": "--color-secondary",
    "light": "#eb5324",
    "dark": "#eb5324"
   },
   {
    "name": "Color/secondary-foreground",
    "css": "--color-secondary-foreground",
    "light": "#15171c",
    "dark": "#15171c"
   },
   {
    "name": "Color/accent",
    "css": "--color-accent",
    "light": "#eb5324",
    "dark": "#fdd4bd"
   },
   {
    "name": "Color/accent-foreground",
    "css": "--color-accent-foreground",
    "light": "#15171c",
    "dark": "#15171c"
   },
   {
    "name": "Color/inverse",
    "css": "--color-inverse",
    "light": "#15171c",
    "dark": "#ffffff"
   },
   {
    "name": "Color/inverse-foreground",
    "css": "--color-inverse-foreground",
    "light": "#fdd4bd",
    "dark": "#15171c"
   },
   {
    "name": "Color/inverse-muted",
    "css": "--color-inverse-muted",
    "light": "#a58c80",
    "dark": "#6e6f72"
   },
   {
    "name": "Color/inverse-border",
    "css": "--color-inverse-border",
    "light": "#fdd4bd29",
    "dark": "#15171c29"
   },
   {
    "name": "Color/destructive",
    "css": "--color-destructive",
    "light": "#eb5324",
    "dark": "#ed683e"
   },
   {
    "name": "Color/destructive-foreground",
    "css": "--color-destructive-foreground",
    "light": "#111111",
    "dark": "#111111"
   }
  ],
  "Fonts": [
   {
    "name": "Font/display",
    "css": "--font-display",
    "light": "Onest",
    "dark": "Onest"
   },
   {
    "name": "Font/body",
    "css": "--font-body",
    "light": "Onest",
    "dark": "Onest"
   }
  ],
  "Sizes": [
   {
    "name": "Text/display",
    "css": "--text-display",
    "light": "103.68px",
    "dark": "103.68px",
    "phone": "48px"
   },
   {
    "name": "Text/h1",
    "css": "--text-h1",
    "light": "80.64px",
    "dark": "80.64px",
    "phone": "42px"
   },
   {
    "name": "Text/h2",
    "css": "--text-h2",
    "light": "66px",
    "dark": "66px",
    "phone": "36px"
   },
   {
    "name": "Text/h3",
    "css": "--text-h3",
    "light": "20px",
    "dark": "20px",
    "phone": "20px"
   },
   {
    "name": "Text/lead",
    "css": "--text-lead",
    "light": "20px",
    "dark": "20px",
    "phone": "17px"
   },
   {
    "name": "Text/body",
    "css": "--text-body",
    "light": "16.5px",
    "dark": "16.5px",
    "phone": "16px"
   },
   {
    "name": "Text/small",
    "css": "--text-small",
    "light": "13.5px",
    "dark": "13.5px",
    "phone": "13.5px"
   },
   {
    "name": "Text/eyebrow",
    "css": "--text-eyebrow",
    "light": "12.5px",
    "dark": "12.5px",
    "phone": "12.5px"
   },
   {
    "name": "Space/1",
    "css": "--space-1",
    "light": "4px",
    "dark": "4px"
   },
   {
    "name": "Space/2",
    "css": "--space-2",
    "light": "6px",
    "dark": "6px"
   },
   {
    "name": "Space/3",
    "css": "--space-3",
    "light": "10px",
    "dark": "10px"
   },
   {
    "name": "Space/4",
    "css": "--space-4",
    "light": "14px",
    "dark": "14px"
   },
   {
    "name": "Space/5",
    "css": "--space-5",
    "light": "22px",
    "dark": "22px"
   },
   {
    "name": "Space/6",
    "css": "--space-6",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Space/7",
    "css": "--space-7",
    "light": "48px",
    "dark": "48px"
   },
   {
    "name": "Space/8",
    "css": "--space-8",
    "light": "64px",
    "dark": "64px"
   },
   {
    "name": "Radius/sm",
    "css": "--radius-sm",
    "light": "14px",
    "dark": "14px"
   },
   {
    "name": "Radius/md",
    "css": "--radius-md",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Radius/lg",
    "css": "--radius-lg",
    "light": "43px",
    "dark": "43px"
   },
   {
    "name": "Radius/pill",
    "css": "--radius-pill",
    "light": "9999px",
    "dark": "9999px"
   },
   {
    "name": "Layout/container",
    "css": "--container",
    "light": "1240px",
    "dark": "1240px"
   },
   {
    "name": "Layout/gutter",
    "css": "--gutter",
    "light": "40px",
    "dark": "40px"
   },
   {
    "name": "Layout/section-y",
    "css": "--section-y",
    "light": "144px",
    "dark": "144px"
   }
  ]
 },
 "script": "// Tidewell design system: paste into a Webflow Designer Extension (or the Designer's app console) and run once.\nconst T = {\"colors\":[[\"Palette/Jasper Red\",\"#eb5324\",\"#eb5324\"],[\"Palette/Seashell Pink\",\"#fdd4bd\",\"#fdd4bd\"],[\"Palette/Olympic Blue\",\"#5a82b3\",\"#5a82b3\"],[\"Color/background\",\"#fdd4bd\",\"#15171c\"],[\"Color/foreground\",\"#15171c\",\"#ffffff\"],[\"Color/body\",\"#685b56\",\"#afb0b2\"],[\"Color/surface\",\"#fee6d9\",\"#212327\"],[\"Color/surface-foreground\",\"#15171c\",\"#ffffff\"],[\"Color/muted\",\"#f3ccb5\",\"#2b2b2b\"],[\"Color/muted-foreground\",\"#685b56\",\"#afb0b2\"],[\"Color/border\",\"#ffffffbf\",\"#ffffff38\"],[\"Color/border-strong\",\"#15171c47\",\"#ffffff47\"],[\"Color/input\",\"#ffffff8c\",\"#ffffff1f\"],[\"Color/input-background\",\"#fef0e7\",\"#212327\"],[\"Color/ring\",\"#5a82b3\",\"#5a82b3\"],[\"Color/primary\",\"#15171c\",\"#fdd4bd\"],[\"Color/primary-foreground\",\"#ffffff\",\"#15171c\"],[\"Color/secondary\",\"#eb5324\",\"#eb5324\"],[\"Color/secondary-foreground\",\"#15171c\",\"#15171c\"],[\"Color/accent\",\"#eb5324\",\"#fdd4bd\"],[\"Color/accent-foreground\",\"#15171c\",\"#15171c\"],[\"Color/inverse\",\"#15171c\",\"#ffffff\"],[\"Color/inverse-foreground\",\"#fdd4bd\",\"#15171c\"],[\"Color/inverse-muted\",\"#a58c80\",\"#6e6f72\"],[\"Color/inverse-border\",\"#fdd4bd29\",\"#15171c29\"],[\"Color/destructive\",\"#eb5324\",\"#ed683e\"],[\"Color/destructive-foreground\",\"#111111\",\"#111111\"]],\"fonts\":[[\"Font/display\",\"Onest\"],[\"Font/body\",\"Onest\"]],\"sizes\":[[\"Text/display\",103.68],[\"Text/h1\",80.64],[\"Text/h2\",66],[\"Text/h3\",20],[\"Text/lead\",20],[\"Text/body\",16.5],[\"Text/small\",13.5],[\"Text/eyebrow\",12.5],[\"Space/1\",4],[\"Space/2\",6],[\"Space/3\",10],[\"Space/4\",14],[\"Space/5\",22],[\"Space/6\",32],[\"Space/7\",48],[\"Space/8\",64],[\"Radius/sm\",14],[\"Radius/md\",32],[\"Radius/lg\",43],[\"Radius/pill\",9999],[\"Layout/container\",1240],[\"Layout/gutter\",40],[\"Layout/section-y\",144]]};\nconst colors = await webflow.createVariableCollection(\"Tidewell colours\");\nconst dark = await colors.createVariableMode(\"Dark\");\nfor (const [name, base, alt] of T.colors) {\n  const v = await colors.createColorVariable(name, base);\n  await v.set(alt, { mode: dark });\n}\nconst type = await webflow.createVariableCollection(\"Tidewell type and space\");\nfor (const [name, family] of T.fonts) await type.createFontFamilyVariable(name, family);\nfor (const [name, px] of T.sizes) await type.createSizeVariable(name, { value: px, unit: 'px' });\n"
}