{
 "format": "webflow-variables",
 "system": "style-brutalism",
 "fonts": {
  "links": [
   "https://fonts.googleapis.com/css2?family=Tinos:wght@400;500;700&family=Cousine:wght@400;700&display=swap"
  ],
  "families": [
   {
    "family": "Tinos",
    "weights": [
     400,
     500,
     700
    ]
   },
   {
    "family": "Cousine",
    "weights": [
     400,
     700
    ]
   }
  ]
 },
 "tokens": {
  "Colors": [
   {
    "name": "Palette/Pale King's Blue",
    "css": "--palette-pale-king-s-blue",
    "light": "#a7d4e4",
    "dark": "#a7d4e4"
   },
   {
    "name": "Palette/Blue",
    "css": "--palette-blue",
    "light": "#006eb8",
    "dark": "#006eb8"
   },
   {
    "name": "Color/background",
    "css": "--color-background",
    "light": "#ffffff",
    "dark": "#000000"
   },
   {
    "name": "Color/foreground",
    "css": "--color-foreground",
    "light": "#000000",
    "dark": "#ffffff"
   },
   {
    "name": "Color/body",
    "css": "--color-body",
    "light": "#000000",
    "dark": "#e0e0e0"
   },
   {
    "name": "Color/surface",
    "css": "--color-surface",
    "light": "#ffffff",
    "dark": "#0f0f0f"
   },
   {
    "name": "Color/surface-foreground",
    "css": "--color-surface-foreground",
    "light": "#000000",
    "dark": "#ffffff"
   },
   {
    "name": "Color/muted",
    "css": "--color-muted",
    "light": "#e9e9e9",
    "dark": "#1a1a1a"
   },
   {
    "name": "Color/muted-foreground",
    "css": "--color-muted-foreground",
    "light": "#666666",
    "dark": "#9e9e9e"
   },
   {
    "name": "Color/border",
    "css": "--color-border",
    "light": "#00000024",
    "dark": "#ffffff24"
   },
   {
    "name": "Color/border-strong",
    "css": "--color-border-strong",
    "light": "#00000047",
    "dark": "#ffffff42"
   },
   {
    "name": "Color/input",
    "css": "--color-input",
    "light": "#00000024",
    "dark": "#ffffff33"
   },
   {
    "name": "Color/input-background",
    "css": "--color-input-background",
    "light": "#ffffff",
    "dark": "#0d0d0d"
   },
   {
    "name": "Color/ring",
    "css": "--color-ring",
    "light": "#006eb8",
    "dark": "#006eb8"
   },
   {
    "name": "Color/primary",
    "css": "--color-primary",
    "light": "#006eb8",
    "dark": "#006eb8"
   },
   {
    "name": "Color/primary-foreground",
    "css": "--color-primary-foreground",
    "light": "#ffffff",
    "dark": "#ffffff"
   },
   {
    "name": "Color/secondary",
    "css": "--color-secondary",
    "light": "#e9e9e9",
    "dark": "#1f1f1f"
   },
   {
    "name": "Color/secondary-foreground",
    "css": "--color-secondary-foreground",
    "light": "#000000",
    "dark": "#ffffff"
   },
   {
    "name": "Color/accent",
    "css": "--color-accent",
    "light": "#006eb8",
    "dark": "#006eb8"
   },
   {
    "name": "Color/accent-foreground",
    "css": "--color-accent-foreground",
    "light": "#ffffff",
    "dark": "#ffffff"
   },
   {
    "name": "Color/inverse",
    "css": "--color-inverse",
    "light": "#000000",
    "dark": "#ffffff"
   },
   {
    "name": "Color/inverse-foreground",
    "css": "--color-inverse-foreground",
    "light": "#ffffff",
    "dark": "#000000"
   },
   {
    "name": "Color/inverse-muted",
    "css": "--color-inverse-muted",
    "light": "#9e9e9e",
    "dark": "#616161"
   },
   {
    "name": "Color/inverse-border",
    "css": "--color-inverse-border",
    "light": "#ffffff29",
    "dark": "#00000029"
   },
   {
    "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": "Tinos",
    "dark": "Tinos"
   },
   {
    "name": "Font/body",
    "css": "--font-body",
    "light": "Tinos",
    "dark": "Tinos"
   },
   {
    "name": "Font/alt",
    "css": "--font-alt",
    "light": "Cousine",
    "dark": "Cousine"
   }
  ],
  "Sizes": [
   {
    "name": "Text/display",
    "css": "--text-display",
    "light": "132.48px",
    "dark": "132.48px",
    "phone": "56px"
   },
   {
    "name": "Text/h2",
    "css": "--text-h2",
    "light": "82.14px",
    "dark": "82.14px",
    "phone": "59px"
   },
   {
    "name": "Text/h3",
    "css": "--text-h3",
    "light": "36px",
    "dark": "36px",
    "phone": "26px"
   },
   {
    "name": "Text/lead",
    "css": "--text-lead",
    "light": "22.8px",
    "dark": "22.8px",
    "phone": "20px"
   },
   {
    "name": "Text/body",
    "css": "--text-body",
    "light": "19px",
    "dark": "19px",
    "phone": "18px"
   },
   {
    "name": "Text/small",
    "css": "--text-small",
    "light": "14px",
    "dark": "14px",
    "phone": "14px"
   },
   {
    "name": "Text/eyebrow",
    "css": "--text-eyebrow",
    "light": "15.2px",
    "dark": "15.2px",
    "phone": "15.2px"
   },
   {
    "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": "1360px",
    "dark": "1360px"
   },
   {
    "name": "Layout/gutter",
    "css": "--gutter",
    "light": "32px",
    "dark": "32px"
   },
   {
    "name": "Layout/section-y",
    "css": "--section-y",
    "light": "96px",
    "dark": "96px"
   }
  ]
 },
 "script": "// Brutalism design system: paste into a Webflow Designer Extension (or the Designer's app console) and run once.\nconst T = {\"colors\":[[\"Palette/Pale King's Blue\",\"#a7d4e4\",\"#a7d4e4\"],[\"Palette/Blue\",\"#006eb8\",\"#006eb8\"],[\"Color/background\",\"#ffffff\",\"#000000\"],[\"Color/foreground\",\"#000000\",\"#ffffff\"],[\"Color/body\",\"#000000\",\"#e0e0e0\"],[\"Color/surface\",\"#ffffff\",\"#0f0f0f\"],[\"Color/surface-foreground\",\"#000000\",\"#ffffff\"],[\"Color/muted\",\"#e9e9e9\",\"#1a1a1a\"],[\"Color/muted-foreground\",\"#666666\",\"#9e9e9e\"],[\"Color/border\",\"#00000024\",\"#ffffff24\"],[\"Color/border-strong\",\"#00000047\",\"#ffffff42\"],[\"Color/input\",\"#00000024\",\"#ffffff33\"],[\"Color/input-background\",\"#ffffff\",\"#0d0d0d\"],[\"Color/ring\",\"#006eb8\",\"#006eb8\"],[\"Color/primary\",\"#006eb8\",\"#006eb8\"],[\"Color/primary-foreground\",\"#ffffff\",\"#ffffff\"],[\"Color/secondary\",\"#e9e9e9\",\"#1f1f1f\"],[\"Color/secondary-foreground\",\"#000000\",\"#ffffff\"],[\"Color/accent\",\"#006eb8\",\"#006eb8\"],[\"Color/accent-foreground\",\"#ffffff\",\"#ffffff\"],[\"Color/inverse\",\"#000000\",\"#ffffff\"],[\"Color/inverse-foreground\",\"#ffffff\",\"#000000\"],[\"Color/inverse-muted\",\"#9e9e9e\",\"#616161\"],[\"Color/inverse-border\",\"#ffffff29\",\"#00000029\"],[\"Color/destructive\",\"#dd4027\",\"#e15741\"],[\"Color/destructive-foreground\",\"#ffffff\",\"#111111\"]],\"fonts\":[[\"Font/display\",\"Tinos\"],[\"Font/body\",\"Tinos\"],[\"Font/alt\",\"Cousine\"]],\"sizes\":[[\"Text/display\",132.48],[\"Text/h2\",82.14],[\"Text/h3\",36],[\"Text/lead\",22.8],[\"Text/body\",19],[\"Text/small\",14],[\"Text/eyebrow\",15.2],[\"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\",1360],[\"Layout/gutter\",32],[\"Layout/section-y\",96]]};\nconst colors = await webflow.createVariableCollection(\"Brutalism 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(\"Brutalism 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"
}