{
  "$description": "Gecko design tokens, as the site renders them.",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#aca337"
    },
    "secondary": {
      "$type": "color",
      "$value": "#978c39"
    },
    "tertiary": {
      "$type": "color",
      "$value": "#381ae3"
    },
    "accent-hover": {
      "$type": "color",
      "$value": "#2a14ab"
    },
    "accent-gradient-from": {
      "$type": "color",
      "$value": "#aca337"
    },
    "accent-gradient-to": {
      "$type": "color",
      "$value": "#381ae3"
    },
    "neutral": {
      "$type": "color",
      "$value": "#f8f8f8"
    },
    "surface-elevated": {
      "$type": "color",
      "$value": "#fcfafa"
    },
    "ink-primary": {
      "$type": "color",
      "$value": "#171314"
    },
    "ink-muted": {
      "$type": "color",
      "$value": "#565252"
    },
    "brass-100": {
      "$type": "color",
      "$value": "#efeee8"
    },
    "brass-200": {
      "$type": "color",
      "$value": "#cec985"
    },
    "brass-400": {
      "$type": "color",
      "$value": "#aca337"
    },
    "brass-500": {
      "$type": "color",
      "$value": "#978c39"
    },
    "brass-700": {
      "$type": "color",
      "$value": "#6e6728"
    },
    "amber-400": {
      "$type": "color",
      "$value": "#f4ba40"
    },
    "ultramarine-500": {
      "$type": "color",
      "$value": "#381ae3"
    },
    "ink-950": {
      "$type": "color",
      "$value": "#100d0e"
    },
    "ink-900": {
      "$type": "color",
      "$value": "#171314"
    },
    "ink-800": {
      "$type": "color",
      "$value": "#18130a"
    },
    "ink-700": {
      "$type": "color",
      "$value": "#312628"
    },
    "ink-600": {
      "$type": "color",
      "$value": "#454256"
    },
    "ink-500": {
      "$type": "color",
      "$value": "#565252"
    },
    "ink-400": {
      "$type": "color",
      "$value": "#888888"
    },
    "ink-300": {
      "$type": "color",
      "$value": "#c2c2c2"
    },
    "ink-200": {
      "$type": "color",
      "$value": "#d7d0d1"
    },
    "ink-100": {
      "$type": "color",
      "$value": "#efefef"
    },
    "ink-050": {
      "$type": "color",
      "$value": "#f5f5f5"
    },
    "surface-sunken": {
      "$type": "color",
      "$value": "#f5f5f5"
    },
    "border-default": {
      "$type": "color",
      "$value": "#d7d0d1"
    },
    "ink-on-accent": {
      "$type": "color",
      "$value": "#ffffff"
    }
  },
  "fontFamily": {
    "h1": {
      "$type": "fontFamily",
      "$value": "Doto"
    },
    "h2": {
      "$type": "fontFamily",
      "$value": "Doto"
    },
    "h3": {
      "$type": "fontFamily",
      "$value": "Doto"
    },
    "h4": {
      "$type": "fontFamily",
      "$value": "Doto"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "Haffer"
    },
    "body-sm": {
      "$type": "fontFamily",
      "$value": "Haffer"
    },
    "caption": {
      "$type": "fontFamily",
      "$value": "Haffer"
    },
    "label": {
      "$type": "fontFamily",
      "$value": ""
    }
  },
  "fontSize": {
    "h1": {
      "$type": "dimension",
      "$value": "34px"
    },
    "h2": {
      "$type": "dimension",
      "$value": "30px"
    },
    "h3": {
      "$type": "dimension",
      "$value": "18px"
    },
    "h4": {
      "$type": "dimension",
      "$value": "16.96px"
    },
    "body": {
      "$type": "dimension",
      "$value": "18px"
    },
    "body-sm": {
      "$type": "dimension",
      "$value": "17px"
    },
    "caption": {
      "$type": "dimension",
      "$value": "12px"
    },
    "label": {
      "$type": "dimension",
      "$value": "16.02px"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "4px"
    },
    "md": {
      "$type": "dimension",
      "$value": "6px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "6px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "6px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "10px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "12px"
    },
    "photo": {
      "$type": "dimension",
      "$value": "4.27px"
    },
    "full": {
      "$type": "dimension",
      "$value": "9999px"
    },
    "avatar": {
      "$type": "dimension",
      "$value": "6px"
    },
    "chip": {
      "$type": "dimension",
      "$value": "0px"
    },
    "none": {
      "$type": "dimension",
      "$value": "0px"
    },
    "page": {
      "$type": "dimension",
      "$value": "22.55px"
    }
  },
  "spacing": {
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "11": {
      "$type": "dimension",
      "$value": "160px"
    },
    "6xl": {
      "$type": "dimension",
      "$value": "160px"
    },
    "4xl": {
      "$type": "dimension",
      "$value": "80px"
    },
    "5xl": {
      "$type": "dimension",
      "$value": "120px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "0.25rem"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "1.5rem"
    },
    "xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "48px"
    },
    "3xl": {
      "$type": "dimension",
      "$value": "60px"
    },
    "section-sm": {
      "$type": "dimension",
      "$value": "2rem"
    },
    "section": {
      "$type": "dimension",
      "$value": "3rem"
    },
    "section-lg": {
      "$type": "dimension",
      "$value": "3.5rem"
    },
    "stack-tight": {
      "$type": "dimension",
      "$value": "0.5rem"
    },
    "stack": {
      "$type": "dimension",
      "$value": "1rem"
    },
    "stack-loose": {
      "$type": "dimension",
      "$value": "1.5rem"
    },
    "stack-header": {
      "$type": "dimension",
      "$value": "2rem"
    }
  }
}