{
 "format": "webflow-variables",
 "system": "style-swiss",
 "fonts": {
  "links": [
   "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&display=swap"
  ],
  "families": [
   {
    "family": "Archivo",
    "weights": [
     400,
     500,
     600,
     700,
     800
    ]
   }
  ]
 },
 "tokens": {
  "Colors": [
   {
    "name": "Palette/Red Orange",
    "css": "--palette-red-orange",
    "light": "#dd4027",
    "dark": "#dd4027"
   },
   {
    "name": "Palette/Pale Lemon Yellow",
    "css": "--palette-pale-lemon-yellow",
    "light": "#ffefae",
    "dark": "#ffefae"
   },
   {
    "name": "Color/background",
    "css": "--color-background",
    "light": "#ffffff",
    "dark": "#111111"
   },
   {
    "name": "Color/foreground",
    "css": "--color-foreground",
    "light": "#111111",
    "dark": "#ffffff"
   },
   {
    "name": "Color/body",
    "css": "--color-body",
    "light": "#5b5b5b",
    "dark": "#e2e2e2"
   },
   {
    "name": "Color/surface",
    "css": "--color-surface",
    "light": "#dd4027",
    "dark": "#1f1f1f"
   },
   {
    "name": "Color/surface-foreground",
    "css": "--color-surface-foreground",
    "light": "#111111",
    "dark": "#ffffff"
   },
   {
    "name": "Color/muted",
    "css": "--color-muted",
    "light": "#f5f5f5",
    "dark": "#292929"
   },
   {
    "name": "Color/muted-foreground",
    "css": "--color-muted-foreground",
    "light": "#5b5b5b",
    "dark": "#a5a5a5"
   },
   {
    "name": "Color/border",
    "css": "--color-border",
    "light": "#11111124",
    "dark": "#ffffff24"
   },
   {
    "name": "Color/border-strong",
    "css": "--color-border-strong",
    "light": "#11111147",
    "dark": "#ffffff42"
   },
   {
    "name": "Color/input",
    "css": "--color-input",
    "light": "#11111124",
    "dark": "#ffffff33"
   },
   {
    "name": "Color/input-background",
    "css": "--color-input-background",
    "light": "#dd4027",
    "dark": "#1d1d1d"
   },
   {
    "name": "Color/ring",
    "css": "--color-ring",
    "light": "#dd4027",
    "dark": "#dd4027"
   },
   {
    "name": "Color/primary",
    "css": "--color-primary",
    "light": "#dd4027",
    "dark": "#dd4027"
   },
   {
    "name": "Color/primary-foreground",
    "css": "--color-primary-foreground",
    "light": "#111111",
    "dark": "#111111"
   },
   {
    "name": "Color/secondary",
    "css": "--color-secondary",
    "light": "#f5f5f5",
    "dark": "#2e2e2e"
   },
   {
    "name": "Color/secondary-foreground",
    "css": "--color-secondary-foreground",
    "light": "#111111",
    "dark": "#ffffff"
   },
   {
    "name": "Color/accent",
    "css": "--color-accent",
    "light": "#dd4027",
    "dark": "#dd4027"
   },
   {
    "name": "Color/accent-foreground",
    "css": "--color-accent-foreground",
    "light": "#111111",
    "dark": "#111111"
   },
   {
    "name": "Color/inverse",
    "css": "--color-inverse",
    "light": "#111111",
    "dark": "#ffffff"
   },
   {
    "name": "Color/inverse-foreground",
    "css": "--color-inverse-foreground",
    "light": "#ffffff",
    "dark": "#111111"
   },
   {
    "name": "Color/inverse-muted",
    "css": "--color-inverse-muted",
    "light": "#a5a5a5",
    "dark": "#6b6b6b"
   },
   {
    "name": "Color/inverse-border",
    "css": "--color-inverse-border",
    "light": "#ffffff29",
    "dark": "#11111129"
   },
   {
    "name": "Color/destructive",
    "css": "--color-destructive",
    "light": "#dd4027",
    "dark": "#e15741"
   },
   {
    "name": "Color/destructive-foreground",
    "css": "--color-destructive-foreground",
    "light": "#ffffff",
    "dark": "#111111"
   }
  ],
  "Fonts": [
   {
    "name": "Font/display",
    "css": "--font-display",
    "light": "Archivo",
    "dark": "Archivo"
   },
   {
    "name": "Font/body",
    "css": "--font-body",
    "light": "Archivo",
    "dark": "Archivo"
   }
  ],
  "Sizes": [
   {
    "name": "Text/display",
    "css": "--text-display",
    "light": "109.44px",
    "dark": "109.44px",
    "phone": "54px"
   },
   {
    "name": "Text/h2",
    "css": "--text-h2",
    "light": "67.85px",
    "dark": "67.85px",
    "phone": "33px"
   },
   {
    "name": "Text/h3",
    "css": "--text-h3",
    "light": "21.6px",
    "dark": "21.6px",
    "phone": "19px"
   },
   {
    "name": "Text/lead",
    "css": "--text-lead",
    "light": "19.87px",
    "dark": "19.87px",
    "phone": "19.87px"
   },
   {
    "name": "Text/body",
    "css": "--text-body",
    "light": "16.56px",
    "dark": "16.56px",
    "phone": "15px"
   },
   {
    "name": "Text/small",
    "css": "--text-small",
    "light": "14.49px",
    "dark": "14.49px",
    "phone": "14.49px"
   },
   {
    "name": "Text/eyebrow",
    "css": "--text-eyebrow",
    "light": "13.25px",
    "dark": "13.25px",
    "phone": "13.25px"
   },
   {
    "name": "Space/1",
    "css": "--space-1",
    "light": "2px",
    "dark": "2px"
   },
   {
    "name": "Space/2",
    "css": "--space-2",
    "light": "4px",
    "dark": "4px"
   },
   {
    "name": "Space/3",
    "css": "--space-3",
    "light": "6px",
    "dark": "6px"
   },
   {
    "name": "Space/4",
    "css": "--space-4",
    "light": "8px",
    "dark": "8px"
   },
   {
    "name": "Space/5",
    "css": "--space-5",
    "light": "12px",
    "dark": "12px"
   },
   {
    "name": "Space/6",
    "css": "--space-6",
    "light": "16px",
    "dark": "16px"
   },
   {
    "name": "Space/7",
    "css": "--space-7",
    "light": "24px",
    "dark": "24px"
   },
   {
    "name": "Space/8",
    "css": "--space-8",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Space/9",
    "css": "--space-9",
    "light": "48px",
    "dark": "48px"
   },
   {
    "name": "Space/10",
    "css": "--space-10",
    "light": "64px",
    "dark": "64px"
   },
   {
    "name": "Radius/sm",
    "css": "--radius-sm",
    "light": "0px",
    "dark": "0px"
   },
   {
    "name": "Radius/md",
    "css": "--radius-md",
    "light": "0px",
    "dark": "0px"
   },
   {
    "name": "Radius/lg",
    "css": "--radius-lg",
    "light": "0px",
    "dark": "0px"
   },
   {
    "name": "Layout/container",
    "css": "--container",
    "light": "1280px",
    "dark": "1280px"
   },
   {
    "name": "Layout/gutter",
    "css": "--gutter",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Layout/section-y",
    "css": "--section-y",
    "light": "96px",
    "dark": "96px"
   }
  ]
 },
 "script": "// Swiss design system: paste into a Webflow Designer Extension (or the Designer's app console) and run once.\nconst T = {\"colors\":[[\"Palette/Red Orange\",\"#dd4027\",\"#dd4027\"],[\"Palette/Pale Lemon Yellow\",\"#ffefae\",\"#ffefae\"],[\"Color/background\",\"#ffffff\",\"#111111\"],[\"Color/foreground\",\"#111111\",\"#ffffff\"],[\"Color/body\",\"#5b5b5b\",\"#e2e2e2\"],[\"Color/surface\",\"#dd4027\",\"#1f1f1f\"],[\"Color/surface-foreground\",\"#111111\",\"#ffffff\"],[\"Color/muted\",\"#f5f5f5\",\"#292929\"],[\"Color/muted-foreground\",\"#5b5b5b\",\"#a5a5a5\"],[\"Color/border\",\"#11111124\",\"#ffffff24\"],[\"Color/border-strong\",\"#11111147\",\"#ffffff42\"],[\"Color/input\",\"#11111124\",\"#ffffff33\"],[\"Color/input-background\",\"#dd4027\",\"#1d1d1d\"],[\"Color/ring\",\"#dd4027\",\"#dd4027\"],[\"Color/primary\",\"#dd4027\",\"#dd4027\"],[\"Color/primary-foreground\",\"#111111\",\"#111111\"],[\"Color/secondary\",\"#f5f5f5\",\"#2e2e2e\"],[\"Color/secondary-foreground\",\"#111111\",\"#ffffff\"],[\"Color/accent\",\"#dd4027\",\"#dd4027\"],[\"Color/accent-foreground\",\"#111111\",\"#111111\"],[\"Color/inverse\",\"#111111\",\"#ffffff\"],[\"Color/inverse-foreground\",\"#ffffff\",\"#111111\"],[\"Color/inverse-muted\",\"#a5a5a5\",\"#6b6b6b\"],[\"Color/inverse-border\",\"#ffffff29\",\"#11111129\"],[\"Color/destructive\",\"#dd4027\",\"#e15741\"],[\"Color/destructive-foreground\",\"#ffffff\",\"#111111\"]],\"fonts\":[[\"Font/display\",\"Archivo\"],[\"Font/body\",\"Archivo\"]],\"sizes\":[[\"Text/display\",109.44],[\"Text/h2\",67.85],[\"Text/h3\",21.6],[\"Text/lead\",19.87],[\"Text/body\",16.56],[\"Text/small\",14.49],[\"Text/eyebrow\",13.25],[\"Space/1\",2],[\"Space/2\",4],[\"Space/3\",6],[\"Space/4\",8],[\"Space/5\",12],[\"Space/6\",16],[\"Space/7\",24],[\"Space/8\",32],[\"Space/9\",48],[\"Space/10\",64],[\"Radius/sm\",0],[\"Radius/md\",0],[\"Radius/lg\",0],[\"Layout/container\",1280],[\"Layout/gutter\",32],[\"Layout/section-y\",96]]};\nconst colors = await webflow.createVariableCollection(\"Swiss 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(\"Swiss 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"
}