{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Google's Material Design 3 — expressive, tonal, and adaptive, built on a role-based colour model.",
  "color": {
    "$type": "color",
    "primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.404,
          0.314,
          0.643
        ],
        "hex": "#6750a4"
      }
    },
    "on-primary": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    },
    "primary-container": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.918,
          0.867,
          1
        ],
        "hex": "#eaddff"
      }
    },
    "on-primary-container": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.129,
          0,
          0.365
        ],
        "hex": "#21005d"
      }
    },
    "secondary-container": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.91,
          0.871,
          0.973
        ],
        "hex": "#e8def8"
      }
    },
    "on-secondary-container": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.114,
          0.098,
          0.169
        ],
        "hex": "#1d192b"
      }
    },
    "surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.996,
          0.969,
          1
        ],
        "hex": "#fef7ff"
      }
    },
    "on-surface": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.114,
          0.106,
          0.125
        ],
        "hex": "#1d1b20"
      }
    },
    "surface-container": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.953,
          0.929,
          0.969
        ],
        "hex": "#f3edf7"
      }
    },
    "surface-variant": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.906,
          0.878,
          0.925
        ],
        "hex": "#e7e0ec"
      }
    },
    "on-surface-variant": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.286,
          0.271,
          0.31
        ],
        "hex": "#49454f"
      }
    },
    "outline": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.475,
          0.455,
          0.494
        ],
        "hex": "#79747e"
      }
    },
    "outline-variant": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.792,
          0.769,
          0.816
        ],
        "hex": "#cac4d0"
      }
    },
    "error": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.702,
          0.149,
          0.118
        ],
        "hex": "#b3261e"
      }
    },
    "on-error": {
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "hex": "#ffffff"
      }
    }
  },
  "spacing": {
    "$type": "dimension",
    "xxs": {
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "xs": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "sm": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "xl": {
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "2xl": {
      "$value": {
        "value": 48,
        "unit": "px"
      }
    }
  },
  "rounded": {
    "$type": "dimension",
    "sm": {
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "md": {
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "lg": {
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "xl": {
      "$value": {
        "value": 28,
        "unit": "px"
      }
    },
    "full": {
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 3.5625,
          "unit": "rem"
        },
        "fontWeight": 400
      }
    },
    "headline": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 2,
          "unit": "rem"
        },
        "fontWeight": 400
      }
    },
    "title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 1.375,
          "unit": "rem"
        },
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 1,
          "unit": "rem"
        },
        "fontWeight": 400
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 0.875,
          "unit": "rem"
        },
        "fontWeight": 400
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto",
        "fontSize": {
          "value": 0.875,
          "unit": "rem"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0.006,
          "unit": "em"
        }
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Roboto Mono",
        "fontSize": {
          "value": 0.875,
          "unit": "rem"
        },
        "fontWeight": 400
      }
    }
  }
}