{
  "core": {
    "$description": "Raw values shared by Moveable product interfaces.",
    "color": {
      "$type": "color",
      "$description": "Base colors used by semantic aliases.",
      "black": {
        "$description": "Pure black used for default text.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0,
            0
          ],
          "hex": "#000000"
        }
      },
      "navy950": {
        "$description": "Very dark blue used for strong text.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.121569,
            0.176471
          ],
          "hex": "#001f2d"
        }
      },
      "gray600": {
        "$description": "Muted text gray.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.388235,
            0.388235,
            0.388235
          ],
          "hex": "#636363"
        }
      },
      "gray650": {
        "$description": "Subtle text gray.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.427451,
            0.427451,
            0.427451
          ],
          "hex": "#6d6d6d"
        }
      },
      "white": {
        "$description": "White surface and inverse text color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        }
      },
      "aqua100": {
        "$description": "Light shared border color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.843137,
            0.901961,
            0.905882
          ],
          "hex": "#d7e6e7"
        }
      },
      "aqua500": {
        "$description": "Strong non-text boundary color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.352941,
            0.572549,
            0.588235
          ],
          "hex": "#5a9296"
        }
      },
      "green700": {
        "$description": "Success status color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.184314,
            0.490196,
            0.031373
          ],
          "hex": "#2f7d08"
        }
      },
      "green800": {
        "$description": "Positive or fame sentiment color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.486275,
            0.34902
          ],
          "hex": "#007c59"
        }
      },
      "red700": {
        "$description": "Error and negative sentiment color.",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.862745,
            0,
            0.12549
          ],
          "hex": "#dc0020"
        }
      },
      "amber800": {
        "$description": "Warning and pending-state color: AA as text on every page tint and under white text (#294).",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.572549,
            0.25098,
            0.054902
          ],
          "hex": "#92400e"
        }
      }
    },
    "font": {
      "$description": "Shared product typography scale.",
      "size": {
        "$type": "dimension",
        "sm": {
          "$description": "Small text (captions, metadata), 14 CSS pixels at the root size: the minimum for UI text (#290).",
          "$value": {
            "value": 0.875,
            "unit": "rem"
          }
        },
        "base": {
          "$description": "Compact UI text, 14 CSS pixels at the root size: the minimum for UI text (#290).",
          "$value": {
            "value": 0.875,
            "unit": "rem"
          }
        },
        "md": {
          "$description": "Standard UI text, 14 CSS pixels at the root size.",
          "$value": {
            "value": 0.875,
            "unit": "rem"
          }
        },
        "lg": {
          "$description": "Running text, 16 CSS pixels at the root size.",
          "$value": {
            "value": 1,
            "unit": "rem"
          }
        },
        "xl": {
          "$description": "Subheading text, 20 CSS pixels at the root size.",
          "$value": {
            "value": 1.25,
            "unit": "rem"
          }
        },
        "2xl": {
          "$description": "Heading text, 24 CSS pixels at the root size.",
          "$value": {
            "value": 1.5,
            "unit": "rem"
          }
        },
        "3xl": {
          "$description": "Display text, 40 CSS pixels at the root size.",
          "$value": {
            "value": 2.5,
            "unit": "rem"
          }
        },
        "4xl": {
          "$description": "Large display text, 64 CSS pixels at the root size.",
          "$value": {
            "value": 4,
            "unit": "rem"
          }
        },
        "5xl": {
          "$description": "Extra-large display text, 80 CSS pixels at the root size.",
          "$value": {
            "value": 5,
            "unit": "rem"
          }
        }
      }
    },
    "radius": {
      "$type": "dimension",
      "$description": "Shared corner-radius scale.",
      "sm": {
        "$description": "Small radius, 4 CSS pixels.",
        "$value": {
          "value": 0.25,
          "unit": "rem"
        }
      },
      "md": {
        "$description": "Medium radius, 6 CSS pixels.",
        "$value": {
          "value": 0.375,
          "unit": "rem"
        }
      },
      "lg": {
        "$description": "Large radius, 14 CSS pixels.",
        "$value": {
          "value": 0.875,
          "unit": "rem"
        }
      },
      "xl": {
        "$description": "Extra-large radius, 16 CSS pixels.",
        "$value": {
          "value": 1,
          "unit": "rem"
        }
      },
      "2xl": {
        "$description": "Display radius, 32 CSS pixels.",
        "$value": {
          "value": 2,
          "unit": "rem"
        }
      },
      "full": {
        "$description": "Effectively circular or pill-shaped radius.",
        "$value": {
          "value": 9999,
          "unit": "px"
        }
      }
    },
    "spacing": {
      "0": {
        "$description": "No space.",
        "$value": {
          "value": 0,
          "unit": "px"
        }
      },
      "1": {
        "$description": "One spacing step, 10 CSS pixels.",
        "$value": {
          "value": 0.625,
          "unit": "rem"
        }
      },
      "2": {
        "$description": "Two spacing steps, 20 CSS pixels.",
        "$value": {
          "value": 1.25,
          "unit": "rem"
        }
      },
      "3": {
        "$description": "Three spacing steps, 40 CSS pixels.",
        "$value": {
          "value": 2.5,
          "unit": "rem"
        }
      },
      "4": {
        "$description": "Four spacing steps, 80 CSS pixels.",
        "$value": {
          "value": 5,
          "unit": "rem"
        }
      },
      "5": {
        "$description": "Five spacing steps, 120 CSS pixels.",
        "$value": {
          "value": 7.5,
          "unit": "rem"
        }
      },
      "$type": "dimension",
      "$description": "Shared 10-pixel-based spacing scale.",
      "px": {
        "$description": "One physical CSS pixel.",
        "$value": {
          "value": 1,
          "unit": "px"
        }
      },
      "0-5": {
        "$description": "Half spacing step, 5 CSS pixels.",
        "$value": {
          "value": 0.3125,
          "unit": "rem"
        }
      },
      "1-5": {
        "$description": "One-and-a-half spacing steps, 15 CSS pixels. Takes the 12-16px values that did not fit the 10px scale (#291).",
        "$value": {
          "value": 0.9375,
          "unit": "rem"
        }
      },
      "2-5": {
        "$description": "Two-and-a-half spacing steps, 30 CSS pixels.",
        "$value": {
          "value": 1.875,
          "unit": "rem"
        }
      }
    },
    "shadow": {
      "$type": "shadow",
      "$description": "Shared web elevation scale.",
      "sm": {
        "$description": "Subtle single-layer elevation.",
        "$value": {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0,
              0
            ],
            "alpha": 0.05,
            "hex": "#000000"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 1,
            "unit": "px"
          },
          "blur": {
            "value": 2,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      },
      "md": {
        "$description": "Medium two-layer elevation.",
        "$value": [
          {
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.1,
              "hex": "#000000"
            },
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 4,
              "unit": "px"
            },
            "blur": {
              "value": 6,
              "unit": "px"
            },
            "spread": {
              "value": -1,
              "unit": "px"
            }
          },
          {
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.1,
              "hex": "#000000"
            },
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 2,
              "unit": "px"
            },
            "blur": {
              "value": 4,
              "unit": "px"
            },
            "spread": {
              "value": -2,
              "unit": "px"
            }
          }
        ]
      },
      "lg": {
        "$description": "Large blue-tinted elevation.",
        "$value": {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0,
              0.231373,
              0.329412
            ],
            "alpha": 0.3,
            "hex": "#003b54"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 20,
            "unit": "px"
          },
          "blur": {
            "value": 40,
            "unit": "px"
          },
          "spread": {
            "value": -22,
            "unit": "px"
          }
        }
      }
    },
    "motion": {
      "$description": "Shared easing curves and durations.",
      "ease": {
        "$type": "cubicBezier",
        "out": {
          "$description": "Standard deceleration curve.",
          "$value": [
            0.23,
            1,
            0.32,
            1
          ]
        },
        "outBack": {
          "$description": "Deceleration curve with a small overshoot.",
          "$value": [
            0.175,
            0.885,
            0.32,
            1.275
          ]
        }
      },
      "duration": {
        "$type": "duration",
        "$description": "Transition durations, matching the values already in use (#291).",
        "fast": {
          "$description": "Colour and opacity feedback on hover and press.",
          "$value": {
            "value": 100,
            "unit": "ms"
          }
        },
        "base": {
          "$description": "Default for state changes such as borders, backgrounds and focus rings.",
          "$value": {
            "value": 150,
            "unit": "ms"
          }
        },
        "moderate": {
          "$description": "Small movement such as chevrons and toggles, and fades of larger elements.",
          "$value": {
            "value": 200,
            "unit": "ms"
          }
        },
        "slow": {
          "$description": "Larger movement such as panels, drawers and entering content.",
          "$value": {
            "value": 300,
            "unit": "ms"
          }
        }
      }
    },
    "layout": {
      "$type": "dimension",
      "$description": "Shared web layout dimensions.",
      "gutter": {
        "$description": "Default page gutter.",
        "$value": {
          "value": 2,
          "unit": "rem"
        }
      },
      "headerHeight": {
        "$description": "Fixed application header height.",
        "$value": {
          "value": 4.5,
          "unit": "rem"
        }
      },
      "adminSidebarWidth": {
        "$description": "Width of the administration sidebar navigation.",
        "$value": {
          "value": 13.5,
          "unit": "rem"
        }
      },
      "siteWidth": {
        "$description": "Default maximum site width.",
        "$value": {
          "value": 80,
          "unit": "rem"
        }
      },
      "siteMaxWidth6xl": {
        "$description": "Six-extra-large site width.",
        "$value": {
          "value": 72,
          "unit": "rem"
        }
      },
      "containerWidth": {
        "$description": "Named content-container widths.",
        "lg": {
          "$description": "Large main-layout container width.",
          "$value": {
            "value": 90,
            "unit": "rem"
          }
        },
        "md": {
          "$description": "Medium home-page container width.",
          "$value": {
            "value": 80,
            "unit": "rem"
          }
        },
        "sm": {
          "$description": "Small administration container width.",
          "$value": {
            "value": 56,
            "unit": "rem"
          }
        },
        "xs": {
          "$description": "Extra-small detail and form container width.",
          "$value": {
            "value": 42,
            "unit": "rem"
          }
        }
      }
    }
  },
  "semantic": {
    "$description": "Purpose-based tokens consumed by product interfaces.",
    "color": {
      "$type": "color",
      "text": {
        "$description": "Text color roles.",
        "default": {
          "$description": "Default text color.",
          "$value": "{core.color.black}"
        },
        "strong": {
          "$description": "High-emphasis text color.",
          "$value": "{core.color.navy950}"
        },
        "muted": {
          "$description": "Secondary text color with AA contrast on supported light surfaces.",
          "$value": "{core.color.gray600}"
        },
        "subtle": {
          "$description": "Low-emphasis text color with AA contrast on supported light surfaces.",
          "$value": "{core.color.gray650}"
        }
      },
      "surface": {
        "$description": "Surface color roles.",
        "default": {
          "$description": "Default raised or content surface.",
          "$value": "{core.color.white}"
        }
      },
      "border": {
        "$description": "Boundary color roles.",
        "default": {
          "$description": "Subtle decorative border.",
          "$value": "{core.color.aqua100}"
        },
        "strong": {
          "$description": "Meaningful input and control boundary with at least 3:1 contrast.",
          "$value": "{core.color.aqua500}"
        }
      },
      "status": {
        "$description": "System status color roles.",
        "success": {
          "$description": "Successful operation or positive system status.",
          "$value": "{core.color.green700}"
        },
        "error": {
          "$description": "Error, destructive operation or invalid state.",
          "$value": "{core.color.red700}"
        },
        "warning": {
          "$description": "Warning or pending state that needs attention but isn't an error.",
          "$value": "{core.color.amber800}"
        }
      },
      "sentiment": {
        "$description": "Moveable-specific positive and negative spot sentiment.",
        "fame": {
          "$description": "Positive or fame spot state.",
          "$value": "{core.color.green800}"
        },
        "shame": {
          "$description": "Negative or shame spot state.",
          "$value": "{core.color.red700}"
        }
      }
    }
  },
  "theme": {
    "bikeable": {
      "$description": "bikeable product theme.",
      "color": {
        "$type": "color",
        "brand": {
          "$description": "bikeable identity colors.",
          "accent": {
            "$description": "Bright bikeable identity color for highlights and decoration.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.2,
                0.741176,
                0.792157
              ],
              "hex": "#33bdca"
            }
          },
          "strong": {
            "$description": "Dark bikeable color for accessible text and controls.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.333333,
                0.47451
              ],
              "hex": "#005579"
            }
          },
          "soft": {
            "$description": "Light bikeable tint for selected surfaces.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.776471,
                0.913725,
                0.92549
              ],
              "hex": "#c6e9ec"
            }
          },
          "subtle": {
            "$description": "Faint bikeable tint for subtle backgrounds.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.941176,
                0.976471,
                0.980392
              ],
              "hex": "#f0f9fa"
            }
          }
        },
        "page": {
          "$description": "bikeable page background.",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.913725,
              0.956863,
              0.960784
            ],
            "hex": "#e9f4f5"
          }
        }
      },
      "font": {
        "$type": "fontFamily",
        "headline": {
          "$description": "bikeable headline font stack.",
          "$value": [
            "Poppins",
            "sans-serif"
          ]
        },
        "body": {
          "$description": "bikeable body font stack.",
          "$value": [
            "Figtree",
            "sans-serif"
          ]
        }
      }
    },
    "walkable": {
      "$description": "walkable product theme.",
      "color": {
        "$type": "color",
        "brand": {
          "$description": "walkable identity colors.",
          "accent": {
            "$description": "Bright walkable identity color for highlights and decoration.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0,
                0.686275,
                0.490196
              ],
              "hex": "#00af7d"
            }
          },
          "strong": {
            "$description": "Dark walkable color for accessible text and controls.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.015686,
                0.392157,
                0.254902
              ],
              "hex": "#046441"
            }
          },
          "soft": {
            "$description": "Light walkable tint for selected surfaces.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.764706,
                0.933333,
                0.878431
              ],
              "hex": "#c3eee0"
            }
          },
          "subtle": {
            "$description": "Faint walkable tint for subtle backgrounds.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.964706,
                0.992157,
                0.980392
              ],
              "hex": "#F6FDFA"
            }
          }
        },
        "page": {
          "$description": "walkable page background.",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.92549,
              0.976471,
              0.956863
            ],
            "hex": "#ecf9f4"
          }
        }
      },
      "font": {
        "$type": "fontFamily",
        "headline": {
          "$description": "walkable headline font stack.",
          "$value": [
            "Poppins",
            "sans-serif"
          ]
        },
        "body": {
          "$description": "walkable body font stack.",
          "$value": [
            "Figtree",
            "sans-serif"
          ]
        }
      }
    },
    "accessable": {
      "$description": "accessable product theme.",
      "color": {
        "$type": "color",
        "brand": {
          "$description": "accessable identity colors.",
          "accent": {
            "$description": "Bright accessable identity color for highlights and decoration.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.207843,
                0.239216,
                0.898039
              ],
              "hex": "#353DE5"
            }
          },
          "strong": {
            "$description": "Dark accessable color for accessible text and controls.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.086275,
                0.219608,
                0.596078
              ],
              "hex": "#163898"
            }
          },
          "soft": {
            "$description": "Light accessable tint for selected surfaces.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.858824,
                0.890196,
                0.972549
              ],
              "hex": "#DBE3F8"
            }
          },
          "subtle": {
            "$description": "Faint accessable tint for subtle backgrounds.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.976471,
                0.980392,
                0.996078
              ],
              "hex": "#F9FAFE"
            }
          }
        },
        "page": {
          "$description": "accessable page background.",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.952941,
              0.960784,
              0.992157
            ],
            "hex": "#F3F5FD"
          }
        }
      },
      "font": {
        "$type": "fontFamily",
        "headline": {
          "$description": "accessable headline font stack.",
          "$value": [
            "Poppins",
            "sans-serif"
          ]
        },
        "body": {
          "$description": "accessable body font stack.",
          "$value": [
            "Figtree",
            "sans-serif"
          ]
        }
      }
    },
    "schoolable": {
      "$description": "schoolable product theme, presented publicly as schulweg.",
      "color": {
        "$type": "color",
        "brand": {
          "$description": "schoolable identity colors.",
          "accent": {
            "$description": "Bright schoolable identity color for highlights and decoration.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.945098,
                0.756863,
                0
              ],
              "hex": "#F1C100"
            }
          },
          "strong": {
            "$description": "Dark schoolable color for accessible text and controls.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                0.247059,
                0.219608,
                0.156863
              ],
              "hex": "#3F3828"
            }
          },
          "soft": {
            "$description": "Light schoolable tint for selected surfaces.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.945098,
                0.694118
              ],
              "hex": "#FFF1B1"
            }
          },
          "subtle": {
            "$description": "Faint schoolable tint for subtle backgrounds.",
            "$value": {
              "colorSpace": "srgb",
              "components": [
                1,
                0.996078,
                0.972549
              ],
              "hex": "#FFFEF8"
            }
          }
        },
        "page": {
          "$description": "schoolable page background.",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1,
              0.988235,
              0.94902
            ],
            "hex": "#fffcf2"
          }
        }
      },
      "font": {
        "$type": "fontFamily",
        "headline": {
          "$description": "schoolable headline font stack.",
          "$value": [
            "Noto Serif",
            "serif"
          ]
        },
        "body": {
          "$description": "schoolable body font stack.",
          "$value": [
            "Figtree",
            "sans-serif"
          ]
        }
      }
    }
  }
}