{
  "$description": "A sunny, sturdy theme for surf schools, outdoor centres and the coast. Sand paper, deep-sea ink, and lagoon, sun and coral in flat blocks.",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#264653"
    },
    "on-primary": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "secondary": {
      "$type": "color",
      "$value": "#E9C46A"
    },
    "on-secondary": {
      "$type": "color",
      "$value": "#12262D"
    },
    "tertiary": {
      "$type": "color",
      "$value": "#F4A261"
    },
    "on-tertiary": {
      "$type": "color",
      "$value": "#12262D"
    },
    "neutral": {
      "$type": "color",
      "$value": "#4F6770"
    },
    "background": {
      "$type": "color",
      "$value": "#FBF5E6"
    },
    "surface": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "foreground": {
      "$type": "color",
      "$value": "#12262D"
    },
    "border": {
      "$type": "color",
      "$value": "#E3D9BF"
    },
    "error": {
      "$type": "color",
      "$value": "#B3261E"
    },
    "lagoon": {
      "$type": "color",
      "$value": "#2A9D8F"
    },
    "on-lagoon": {
      "$type": "color",
      "$value": "#12262D"
    },
    "coral": {
      "$type": "color",
      "$value": "#E76F51"
    },
    "on-coral": {
      "$type": "color",
      "$value": "#12262D"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Epilogue",
        "fontSize": "60px",
        "fontWeight": 800,
        "lineHeight": 1,
        "letterSpacing": "-0.02em"
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Epilogue",
        "fontSize": "40px",
        "fontWeight": 800,
        "lineHeight": 1.1,
        "letterSpacing": "-0.01em"
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Epilogue",
        "fontSize": "24px",
        "fontWeight": 700,
        "lineHeight": 1.2
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Manrope",
        "fontSize": "17px",
        "fontWeight": 400,
        "lineHeight": 1.6
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Geist Mono",
        "fontSize": "13px",
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": "0.04em"
      }
    }
  },
  "rounded": {
    "sm": {
      "$type": "dimension",
      "$value": "6px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "20px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "40px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "96px"
    }
  }
}