{
  "$description": "A fast, loud theme for sports clubs, leagues and race days. White kit, navy bands, an amber main action, and scores set large.",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#FFB703"
    },
    "on-primary": {
      "$type": "color",
      "$value": "#023047"
    },
    "secondary": {
      "$type": "color",
      "$value": "#023047"
    },
    "on-secondary": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "tertiary": {
      "$type": "color",
      "$value": "#FB8500"
    },
    "on-tertiary": {
      "$type": "color",
      "$value": "#023047"
    },
    "neutral": {
      "$type": "color",
      "$value": "#3F6377"
    },
    "background": {
      "$type": "color",
      "$value": "#F5FAFC"
    },
    "surface": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "foreground": {
      "$type": "color",
      "$value": "#023047"
    },
    "border": {
      "$type": "color",
      "$value": "#C5E1EE"
    },
    "error": {
      "$type": "color",
      "$value": "#B3261E"
    },
    "ring": {
      "$type": "color",
      "$value": "#023047"
    },
    "navy": {
      "$type": "color",
      "$value": "#023047"
    },
    "on-navy": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "ice": {
      "$type": "color",
      "$value": "#8ECAE6"
    },
    "on-ice": {
      "$type": "color",
      "$value": "#023047"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Saira",
        "fontSize": "64px",
        "fontWeight": 800,
        "lineHeight": 1,
        "letterSpacing": "-0.01em"
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Saira",
        "fontSize": "40px",
        "fontWeight": 800,
        "lineHeight": 1.1
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Saira",
        "fontSize": "24px",
        "fontWeight": 700,
        "lineHeight": 1.2
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Rubik",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.55
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Kode Mono",
        "fontSize": "13px",
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": "0.04em"
      }
    }
  },
  "rounded": {
    "sm": {
      "$type": "dimension",
      "$value": "3px"
    },
    "md": {
      "$type": "dimension",
      "$value": "6px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "10px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "20px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "72px"
    }
  }
}