---
name: Protocol
desktopWidth: '1250'
colors:
  primary: '#0F4163'
  accent1: '#081828'
  accent2: '#8BF935'
  accent3: '#6FBD97'
  accent4: '#1A95FA'
  white: '#FFFFFF'
  grayLight: '#EFEFEF'
  gray: '#B0B0BF'
  grayDark: '#7B7A80'
  black: '#051D33'
typo:
  - label: Copy XS
    typography: >-
      {"family":"Inter:wght@400","size":"14","lineHeight":"18","letterSpacing":"","margin":"","smSize":"14","smLineHeight":"18","smLetterSpacing":"","smMargin":""}
  - label: Copy Small
    typography: >-
      {"family":"Inter:wght@400","size":"15","lineHeight":"22","letterSpacing":"0","margin":"0","smSize":"15","smLineHeight":"22","smLetterSpacing":"0","smMargin":"0"}
  - label: Copy Medium
    typography: >-
      {"family":"Inter:wght@400","size":"18","lineHeight":"28","letterSpacing":"0","margin":"20","smSize":"18","smLineHeight":"28","smLetterSpacing":"0","smMargin":"20"}
  - label: Copy Large
    typography: >-
      {"family":"Inter:wght@400","size":"21","lineHeight":"36","letterSpacing":"0","margin":"0","smSize":"21","smLineHeight":"36","smLetterSpacing":"0","smMargin":"0"}
  - label: Headline Small
    typography: >-
      {"family":"Inter:wght@600","size":"15","lineHeight":"20","letterSpacing":"0","margin":"0","smSize":"15","smLineHeight":"20","smLetterSpacing":"0","smMargin":"0"}
  - label: Headline Medium
    typography: >-
      {"family":"Inter:wght@600","size":"24","lineHeight":"32","letterSpacing":"0","margin":"0","smSize":"24","smLineHeight":"32","smLetterSpacing":"0","smMargin":"0"}
  - label: Headline Large
    typography: >-
      {"family":"Inter:wght@600","size":"36","lineHeight":"40","letterSpacing":"0","margin":"0","smSize":"36","smLineHeight":"40","smLetterSpacing":"0","smMargin":"0"}
buttons:
  - label: Outline
    fill: bg-white opacity-100
    typography: >-
      {"color":"text-black","family":"Inter:wght@400","size":"18","lineHeight":"20","letterSpacing":"0","smSize":"18","smLineHeight":"20","smLetterSpacing":"0"}
    padding: pt-2.5 pb-2.5 pr-5 pl-5
    border: border-gray border-1
    primaryRounded: rounded
  - label: Primary
    fill: bg-accent2 opacity-100
    typography: >-
      {"color":"accent1","family":"Inter:wght@600","size":"18","lineHeight":"18","letterSpacing":"0","smSize":"18","smLineHeight":"18","smLetterSpacing":"0"}
    padding: pt-2.5 pb-2.5 pr-9 pl-9
    border: border-primary border-0
    primaryRounded: rounded-none
  - label: Gradient
    fill: from-accent4 to-accent3 bg-gradient-to-br opacity-100
    typography: >-
      {"color":"white","family":"Inter:wght@600","size":"16","lineHeight":"20","letterSpacing":"0","smSize":"16","smLineHeight":"20","smLetterSpacing":"0"}
    padding: pt-3 pb-3 pr-5 pl-5
    border: border-white border-0
    primaryRounded: rounded-md
linkColor: primary
---