{
 "format": "webflow-variables",
 "system": "halden",
 "fonts": {
  "links": [
   "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Newsreader:wght@400&display=swap"
  ],
  "families": [
   {
    "family": "Inter Tight",
    "weights": [
     400,
     500,
     600,
     700
    ]
   },
   {
    "family": "Newsreader",
    "weights": [
     400
    ]
   }
  ]
 },
 "tokens": {
  "Colors": [
   {
    "name": "Palette/Ivory Buff",
    "css": "--palette-ivory-buff",
    "light": "#ebd3a2",
    "dark": "#ebd3a2"
   },
   {
    "name": "Palette/English Red",
    "css": "--palette-english-red",
    "light": "#d96629",
    "dark": "#d96629"
   },
   {
    "name": "Palette/Black",
    "css": "--palette-black",
    "light": "#111314",
    "dark": "#111314"
   },
   {
    "name": "Color/background",
    "css": "--color-background",
    "light": "#f1f0ec",
    "dark": "#111314"
   },
   {
    "name": "Color/foreground",
    "css": "--color-foreground",
    "light": "#111314",
    "dark": "#f1f0ec"
   },
   {
    "name": "Color/body",
    "css": "--color-body",
    "light": "#111314",
    "dark": "#f1f0ec"
   },
   {
    "name": "Color/surface",
    "css": "--color-surface",
    "light": "#fbfaf7",
    "dark": "#1b1d1e"
   },
   {
    "name": "Color/surface-foreground",
    "css": "--color-surface-foreground",
    "light": "#111314",
    "dark": "#f1f0ec"
   },
   {
    "name": "Color/muted",
    "css": "--color-muted",
    "light": "#e9e7e1",
    "dark": "#1a1c1d"
   },
   {
    "name": "Color/muted-foreground",
    "css": "--color-muted-foreground",
    "light": "#63645f",
    "dark": "#a3a49f"
   },
   {
    "name": "Color/border",
    "css": "--color-border",
    "light": "#1010101f",
    "dark": "#efefef1f"
   },
   {
    "name": "Color/border-strong",
    "css": "--color-border-strong",
    "light": "#0f141433",
    "dark": "#f0f0eb33"
   },
   {
    "name": "Color/input",
    "css": "--color-input",
    "light": "#1010101f",
    "dark": "#efefef1f"
   },
   {
    "name": "Color/input-background",
    "css": "--color-input-background",
    "light": "#fbfaf7",
    "dark": "#1b1d1e"
   },
   {
    "name": "Color/ring",
    "css": "--color-ring",
    "light": "#d96629",
    "dark": "#d96629"
   },
   {
    "name": "Color/primary",
    "css": "--color-primary",
    "light": "#111314",
    "dark": "#f1f0ec"
   },
   {
    "name": "Color/primary-foreground",
    "css": "--color-primary-foreground",
    "light": "#f1f0ec",
    "dark": "#111314"
   },
   {
    "name": "Color/secondary",
    "css": "--color-secondary",
    "light": "#d96629",
    "dark": "#111314"
   },
   {
    "name": "Color/secondary-foreground",
    "css": "--color-secondary-foreground",
    "light": "#111314",
    "dark": "#ffffff"
   },
   {
    "name": "Color/accent",
    "css": "--color-accent",
    "light": "#d96629",
    "dark": "#d96629"
   },
   {
    "name": "Color/accent-foreground",
    "css": "--color-accent-foreground",
    "light": "#111314",
    "dark": "#111314"
   },
   {
    "name": "Color/inverse",
    "css": "--color-inverse",
    "light": "#111314",
    "dark": "#fbfaf7"
   },
   {
    "name": "Color/inverse-foreground",
    "css": "--color-inverse-foreground",
    "light": "#f1f0ec",
    "dark": "#111314"
   },
   {
    "name": "Color/inverse-muted",
    "css": "--color-inverse-muted",
    "light": "#9c9c9a",
    "dark": "#6a6b6a"
   },
   {
    "name": "Color/inverse-border",
    "css": "--color-inverse-border",
    "light": "#f1f0ec29",
    "dark": "#11131429"
   },
   {
    "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": "Inter Tight",
    "dark": "Inter Tight"
   },
   {
    "name": "Font/body",
    "css": "--font-body",
    "light": "Inter Tight",
    "dark": "Inter Tight"
   },
   {
    "name": "Font/accent",
    "css": "--font-accent",
    "light": "Newsreader",
    "dark": "Newsreader"
   }
  ],
  "Sizes": [
   {
    "name": "Text/display",
    "css": "--text-display",
    "light": "178.56px",
    "dark": "178.56px",
    "phone": "64px"
   },
   {
    "name": "Text/h2",
    "css": "--text-h2",
    "light": "63.36px",
    "dark": "63.36px",
    "phone": "36px"
   },
   {
    "name": "Text/h3",
    "css": "--text-h3",
    "light": "18.72px",
    "dark": "18.72px",
    "phone": "18.72px"
   },
   {
    "name": "Text/lead",
    "css": "--text-lead",
    "light": "20.88px",
    "dark": "20.88px",
    "phone": "18px"
   },
   {
    "name": "Text/body",
    "css": "--text-body",
    "light": "16px",
    "dark": "16px",
    "phone": "16px"
   },
   {
    "name": "Text/small",
    "css": "--text-small",
    "light": "14px",
    "dark": "14px",
    "phone": "14px"
   },
   {
    "name": "Text/eyebrow",
    "css": "--text-eyebrow",
    "light": "13px",
    "dark": "13px",
    "phone": "13px"
   },
   {
    "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": "10px",
    "dark": "10px"
   },
   {
    "name": "Space/5",
    "css": "--space-5",
    "light": "14px",
    "dark": "14px"
   },
   {
    "name": "Space/6",
    "css": "--space-6",
    "light": "22px",
    "dark": "22px"
   },
   {
    "name": "Space/7",
    "css": "--space-7",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Space/8",
    "css": "--space-8",
    "light": "48px",
    "dark": "48px"
   },
   {
    "name": "Space/9",
    "css": "--space-9",
    "light": "64px",
    "dark": "64px"
   },
   {
    "name": "Radius/sm",
    "css": "--radius-sm",
    "light": "12px",
    "dark": "12px"
   },
   {
    "name": "Radius/md",
    "css": "--radius-md",
    "light": "18px",
    "dark": "18px"
   },
   {
    "name": "Radius/lg",
    "css": "--radius-lg",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Radius/pill",
    "css": "--radius-pill",
    "light": "9999px",
    "dark": "9999px"
   },
   {
    "name": "Layout/container",
    "css": "--container",
    "light": "1680px",
    "dark": "1680px"
   },
   {
    "name": "Layout/gutter",
    "css": "--gutter",
    "light": "34.55px",
    "dark": "34.55px"
   },
   {
    "name": "Layout/section-y",
    "css": "--section-y",
    "light": "144px",
    "dark": "144px"
   }
  ]
 },
 "script": "// Halden design system: paste into a Webflow Designer Extension (or the Designer's app console) and run once.\nconst T = {\"colors\":[[\"Palette/Ivory Buff\",\"#ebd3a2\",\"#ebd3a2\"],[\"Palette/English Red\",\"#d96629\",\"#d96629\"],[\"Palette/Black\",\"#111314\",\"#111314\"],[\"Color/background\",\"#f1f0ec\",\"#111314\"],[\"Color/foreground\",\"#111314\",\"#f1f0ec\"],[\"Color/body\",\"#111314\",\"#f1f0ec\"],[\"Color/surface\",\"#fbfaf7\",\"#1b1d1e\"],[\"Color/surface-foreground\",\"#111314\",\"#f1f0ec\"],[\"Color/muted\",\"#e9e7e1\",\"#1a1c1d\"],[\"Color/muted-foreground\",\"#63645f\",\"#a3a49f\"],[\"Color/border\",\"#1010101f\",\"#efefef1f\"],[\"Color/border-strong\",\"#0f141433\",\"#f0f0eb33\"],[\"Color/input\",\"#1010101f\",\"#efefef1f\"],[\"Color/input-background\",\"#fbfaf7\",\"#1b1d1e\"],[\"Color/ring\",\"#d96629\",\"#d96629\"],[\"Color/primary\",\"#111314\",\"#f1f0ec\"],[\"Color/primary-foreground\",\"#f1f0ec\",\"#111314\"],[\"Color/secondary\",\"#d96629\",\"#111314\"],[\"Color/secondary-foreground\",\"#111314\",\"#ffffff\"],[\"Color/accent\",\"#d96629\",\"#d96629\"],[\"Color/accent-foreground\",\"#111314\",\"#111314\"],[\"Color/inverse\",\"#111314\",\"#fbfaf7\"],[\"Color/inverse-foreground\",\"#f1f0ec\",\"#111314\"],[\"Color/inverse-muted\",\"#9c9c9a\",\"#6a6b6a\"],[\"Color/inverse-border\",\"#f1f0ec29\",\"#11131429\"],[\"Color/destructive\",\"#dd4027\",\"#e15741\"],[\"Color/destructive-foreground\",\"#ffffff\",\"#111111\"]],\"fonts\":[[\"Font/display\",\"Inter Tight\"],[\"Font/body\",\"Inter Tight\"],[\"Font/accent\",\"Newsreader\"]],\"sizes\":[[\"Text/display\",178.56],[\"Text/h2\",63.36],[\"Text/h3\",18.72],[\"Text/lead\",20.88],[\"Text/body\",16],[\"Text/small\",14],[\"Text/eyebrow\",13],[\"Space/1\",2],[\"Space/2\",4],[\"Space/3\",6],[\"Space/4\",10],[\"Space/5\",14],[\"Space/6\",22],[\"Space/7\",32],[\"Space/8\",48],[\"Space/9\",64],[\"Radius/sm\",12],[\"Radius/md\",18],[\"Radius/lg\",32],[\"Radius/pill\",9999],[\"Layout/container\",1680],[\"Layout/gutter\",34.55],[\"Layout/section-y\",144]]};\nconst colors = await webflow.createVariableCollection(\"Halden 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(\"Halden 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"
}