{
  "name": {
    "$type": "string",
    "$value": "Paws & Paths"
  },
  "colors": {
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.976,
          1.0
        ],
        "hex": "#f9f9ff"
      }
    },
    "surface-dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.827,
          0.855,
          0.918
        ],
        "hex": "#d3daea"
      }
    },
    "surface-bright": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.976,
          1.0
        ],
        "hex": "#f9f9ff"
      }
    },
    "surface-container-lowest": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          1.0,
          1.0
        ],
        "hex": "#ffffff"
      }
    },
    "surface-container-low": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.941,
          0.953,
          1.0
        ],
        "hex": "#f0f3ff"
      }
    },
    "surface-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.906,
          0.933,
          0.996
        ],
        "hex": "#e7eefe"
      }
    },
    "surface-container-high": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.886,
          0.91,
          0.973
        ],
        "hex": "#e2e8f8"
      }
    },
    "surface-container-highest": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.863,
          0.886,
          0.953
        ],
        "hex": "#dce2f3"
      }
    },
    "on-surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.082,
          0.11,
          0.153
        ],
        "hex": "#151c27"
      }
    },
    "on-surface-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.325,
          0.267,
          0.204
        ],
        "hex": "#534434"
      }
    },
    "inverse-surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.165,
          0.192,
          0.239
        ],
        "hex": "#2a313d"
      }
    },
    "inverse-on-surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.922,
          0.945,
          1.0
        ],
        "hex": "#ebf1ff"
      }
    },
    "outline": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.525,
          0.455,
          0.38
        ],
        "hex": "#867461"
      }
    },
    "outline-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.847,
          0.765,
          0.678
        ],
        "hex": "#d8c3ad"
      }
    },
    "surface-tint": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.522,
          0.325,
          0.0
        ],
        "hex": "#855300"
      }
    },
    "primary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.522,
          0.325,
          0.0
        ],
        "hex": "#855300"
      }
    },
    "on-primary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          1.0,
          1.0
        ],
        "hex": "#ffffff"
      }
    },
    "primary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.961,
          0.62,
          0.043
        ],
        "hex": "#f59e0b"
      }
    },
    "on-primary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.38,
          0.231,
          0.0
        ],
        "hex": "#613b00"
      }
    },
    "inverse-primary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          0.725,
          0.373
        ],
        "hex": "#ffb95f"
      }
    },
    "secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.345,
          0.745
        ],
        "hex": "#0058be"
      }
    },
    "on-secondary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          1.0,
          1.0
        ],
        "hex": "#ffffff"
      }
    },
    "secondary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.129,
          0.439,
          0.894
        ],
        "hex": "#2170e4"
      }
    },
    "on-secondary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.996,
          0.988,
          1.0
        ],
        "hex": "#fefcff"
      }
    },
    "tertiary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.396,
          0.545
        ],
        "hex": "#00658b"
      }
    },
    "on-tertiary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          1.0,
          1.0
        ],
        "hex": "#ffffff"
      }
    },
    "tertiary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.102,
          0.741,
          1.0
        ],
        "hex": "#1abdff"
      }
    },
    "on-tertiary-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.286,
          0.4
        ],
        "hex": "#004966"
      }
    },
    "error": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.729,
          0.102,
          0.102
        ],
        "hex": "#ba1a1a"
      }
    },
    "on-error": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          1.0,
          1.0
        ],
        "hex": "#ffffff"
      }
    },
    "error-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          0.855,
          0.839
        ],
        "hex": "#ffdad6"
      }
    },
    "on-error-container": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.576,
          0.0,
          0.039
        ],
        "hex": "#93000a"
      }
    },
    "primary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          0.867,
          0.722
        ],
        "hex": "#ffddb8"
      }
    },
    "primary-fixed-dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1.0,
          0.725,
          0.373
        ],
        "hex": "#ffb95f"
      }
    },
    "on-primary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.165,
          0.09,
          0.0
        ],
        "hex": "#2a1700"
      }
    },
    "on-primary-fixed-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.396,
          0.243,
          0.0
        ],
        "hex": "#653e00"
      }
    },
    "secondary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.847,
          0.886,
          1.0
        ],
        "hex": "#d8e2ff"
      }
    },
    "secondary-fixed-dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.678,
          0.776,
          1.0
        ],
        "hex": "#adc6ff"
      }
    },
    "on-secondary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.102,
          0.259
        ],
        "hex": "#001a42"
      }
    },
    "on-secondary-fixed-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.263,
          0.584
        ],
        "hex": "#004395"
      }
    },
    "tertiary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.773,
          0.906,
          1.0
        ],
        "hex": "#c5e7ff"
      }
    },
    "tertiary-fixed-dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.498,
          0.816,
          1.0
        ],
        "hex": "#7fd0ff"
      }
    },
    "on-tertiary-fixed": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.118,
          0.176
        ],
        "hex": "#001e2d"
      }
    },
    "on-tertiary-fixed-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0,
          0.298,
          0.416
        ],
        "hex": "#004c6a"
      }
    },
    "background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.976,
          0.976,
          1.0
        ],
        "hex": "#f9f9ff"
      }
    },
    "on-background": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.082,
          0.11,
          0.153
        ],
        "hex": "#151c27"
      }
    },
    "surface-variant": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.863,
          0.886,
          0.953
        ],
        "hex": "#dce2f3"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 44,
          "unit": "px"
        },
        "fontWeight": 800,
        "lineHeight": {
          "value": 52,
          "unit": "px"
        },
        "letterSpacing": {
          "value": -0.02,
          "unit": "em"
        }
      }
    },
    "headline-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 32,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": {
          "value": 40,
          "unit": "px"
        },
        "letterSpacing": {
          "value": -0.01,
          "unit": "em"
        }
      }
    },
    "headline-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": {
          "value": 32,
          "unit": "px"
        }
      }
    },
    "title-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 20,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": {
          "value": 28,
          "unit": "px"
        }
      }
    },
    "body-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": {
          "value": 28,
          "unit": "px"
        }
      }
    },
    "body-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 16,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": {
          "value": 24,
          "unit": "px"
        }
      }
    },
    "label-md": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": {
          "value": 20,
          "unit": "px"
        },
        "letterSpacing": {
          "value": 0.01,
          "unit": "em"
        }
      }
    },
    "label-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "fontWeight": 500,
        "lineHeight": {
          "value": 16,
          "unit": "px"
        }
      }
    }
  },
  "rounded": {
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      }
    },
    "DEFAULT": {
      "$type": "dimension",
      "$value": {
        "value": 0.5,
        "unit": "rem"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 0.75,
        "unit": "rem"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 1,
        "unit": "rem"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 1.5,
        "unit": "rem"
      }
    },
    "full": {
      "$type": "dimension",
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "spacing": {
    "base": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "xs": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 40,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "margin": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    }
  },
  "components": {
    "button-primary": {
      "backgroundColor": "{colors.primary}",
      "textColor": "{colors.on-primary}",
      "typography": "{typography.label-md}",
      "rounded": "{rounded.lg}",
      "padding": "{spacing.md}"
    },
    "button-primary-hover": {
      "backgroundColor": "{colors.primary-container}",
      "textColor": "{colors.on-primary-container}"
    },
    "button-secondary": {
      "backgroundColor": "{colors.secondary}",
      "textColor": "{colors.on-secondary}",
      "typography": "{typography.label-md}",
      "rounded": "{rounded.lg}",
      "padding": "{spacing.md}"
    },
    "button-secondary-hover": {
      "backgroundColor": "{colors.secondary-container}",
      "textColor": "{colors.on-secondary-container}"
    },
    "card-profile": {
      "backgroundColor": "{colors.surface-container-lowest}",
      "rounded": "{rounded.xl}",
      "padding": "{spacing.md}"
    },
    "card-walk-stat": {
      "backgroundColor": "{colors.secondary-container}",
      "textColor": "{colors.on-secondary-container}",
      "rounded": "{rounded.md}",
      "padding": "{spacing.sm}"
    },
    "input-field": {
      "backgroundColor": "{colors.surface-container-low}",
      "textColor": "{colors.on-surface}",
      "typography": "{typography.body-md}",
      "rounded": "{rounded.DEFAULT}",
      "padding": "{spacing.sm}"
    },
    "list-item-walker": {
      "backgroundColor": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0,
            0
          ],
          "alpha": 0
        }
      },
      "padding": "{spacing.sm}",
      "rounded": "{rounded.md}"
    },
    "list-item-walker-hover": {
      "backgroundColor": "{colors.surface-container-high}"
    },
    "badge-status": {
      "backgroundColor": "{colors.tertiary-container}",
      "textColor": "{colors.on-tertiary-container}",
      "typography": "{typography.label-sm}",
      "rounded": "{rounded.full}",
      "padding": "{spacing.xs}"
    }
  }
}