{
  "$description": "Hayl brand tokens (fictional sample brand). Format: Design Tokens Community Group, Format Module 2025.10. Edit this file, then run: python3 build_tokens.py",
  "color": {
    "$type": "color",
    "base": {
      "pod": { "$value": { "colorSpace": "srgb", "components": [0.2431, 0.3569, 0.2275], "alpha": 1, "hex": "#3e5b3a" }, "$description": "Pod Green. Primary brand color, buttons and links on light grounds." },
      "deep-leaf": { "$value": { "colorSpace": "srgb", "components": [0.1412, 0.2196, 0.1647], "alpha": 1, "hex": "#24382a" }, "$description": "Deep Leaf. Large color fields, dark surfaces." },
      "saffron": { "$value": { "colorSpace": "srgb", "components": [0.8863, 0.651, 0.1686], "alpha": 1, "hex": "#e2a62b" }, "$description": "Saffron. Highlights and accents. Text only on Ink or Deep Leaf." },
      "clay": { "$value": { "colorSpace": "srgb", "components": [0.6627, 0.3137, 0.1843], "alpha": 1, "hex": "#a9502f" }, "$description": "Clay. Warnings, price tags, small accents." },
      "milk": { "$value": { "colorSpace": "srgb", "components": [0.9686, 0.949, 0.9098], "alpha": 1, "hex": "#f7f2e8" }, "$description": "Milk. Main background." },
      "ink": { "$value": { "colorSpace": "srgb", "components": [0.1176, 0.1373, 0.1255], "alpha": 1, "hex": "#1e2320" }, "$description": "Ink. Text on light grounds, dark mode background." }
    },
    "utility": {
      "paper": { "$value": { "colorSpace": "srgb", "components": [1, 0.9922, 0.9725], "alpha": 1, "hex": "#fffdf8" }, "$description": "Raised surfaces in light mode. Not a brand color." }
    },
    "light": {
      "bg": { "$value": "{color.base.milk}" },
      "surface": { "$value": "{color.utility.paper}" },
      "fg": { "$value": "{color.base.ink}" },
      "muted": { "$value": { "colorSpace": "srgb", "components": [0.1176, 0.1373, 0.1255], "alpha": 0.7, "hex": "#1e2320" }, "$description": "Ink at 70 percent." },
      "line": { "$value": { "colorSpace": "srgb", "components": [0.1176, 0.1373, 0.1255], "alpha": 0.14, "hex": "#1e2320" } },
      "accent": { "$value": "{color.base.pod}" },
      "on-accent": { "$value": "{color.base.milk}" },
      "highlight": { "$value": "{color.base.saffron}" },
      "alert": { "$value": "{color.base.clay}" },
      "band": { "$value": "{color.base.deep-leaf}" },
      "on-band": { "$value": "{color.base.milk}" }
    },
    "dark": {
      "bg": { "$value": "{color.base.ink}" },
      "surface": { "$value": "{color.base.deep-leaf}" },
      "fg": { "$value": "{color.base.milk}" },
      "muted": { "$value": { "colorSpace": "srgb", "components": [0.9686, 0.949, 0.9098], "alpha": 0.72, "hex": "#f7f2e8" }, "$description": "Milk at 72 percent." },
      "line": { "$value": { "colorSpace": "srgb", "components": [0.9686, 0.949, 0.9098], "alpha": 0.16, "hex": "#f7f2e8" } },
      "accent": { "$value": "{color.base.saffron}" },
      "on-accent": { "$value": "{color.base.ink}" },
      "highlight": { "$value": "{color.base.saffron}" },
      "alert": { "$value": "{color.base.clay}" },
      "band": { "$value": "{color.base.deep-leaf}" },
      "on-band": { "$value": "{color.base.milk}" }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "latin": { "$value": ["Fraunces", "Georgia", "serif"], "$description": "Google Fonts, SIL Open Font License." },
      "arabic": { "$value": ["Noto Naskh Arabic", "Geeza Pro", "serif"], "$description": "Google Fonts, SIL Open Font License." },
      "mono": { "$value": ["ui-monospace", "Menlo", "monospace"] }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": { "$value": 400 },
      "medium": { "$value": 500 },
      "bold": { "$value": 650 }
    },
    "arabic-scale": { "$type": "number", "$value": 1.1, "$description": "Arabic text runs 10 percent larger than Latin at the same step." }
  },
  "size": {
    "$type": "dimension",
    "type": {
      "small": { "$value": { "value": 0.875, "unit": "rem" } },
      "body": { "$value": { "value": 1.125, "unit": "rem" } },
      "lead": { "$value": { "value": 1.375, "unit": "rem" } },
      "h3": { "$value": { "value": 1.75, "unit": "rem" } },
      "h2": { "$value": { "value": 2.5, "unit": "rem" } },
      "h1": { "$value": { "value": 4, "unit": "rem" } },
      "display": { "$value": { "value": 5.5, "unit": "rem" } }
    },
    "space": {
      "1": { "$value": { "value": 0.25, "unit": "rem" } },
      "2": { "$value": { "value": 0.5, "unit": "rem" } },
      "3": { "$value": { "value": 1, "unit": "rem" } },
      "4": { "$value": { "value": 1.5, "unit": "rem" } },
      "5": { "$value": { "value": 2.5, "unit": "rem" } },
      "6": { "$value": { "value": 4, "unit": "rem" } },
      "7": { "$value": { "value": 6.5, "unit": "rem" } }
    },
    "radius": {
      "small": { "$value": { "value": 8, "unit": "px" } },
      "large": { "$value": { "value": 22, "unit": "px" } },
      "pill": { "$value": { "value": 999, "unit": "px" } }
    }
  },
  "motion": {
    "duration": {
      "$type": "duration",
      "quick": { "$value": { "value": 160, "unit": "ms" }, "$description": "Hover and press feedback." },
      "steady": { "$value": { "value": 320, "unit": "ms" }, "$description": "Panels, menus, cards entering." },
      "slow": { "$value": { "value": 900, "unit": "ms" }, "$description": "Hero moments and steam loops." }
    },
    "easing": {
      "$type": "cubicBezier",
      "pour": { "$value": [0.2, 0, 0, 1], "$description": "Default. Starts fast, settles gently, like tea finding its level." },
      "steep": { "$value": [0.65, 0, 0.35, 1], "$description": "Symmetric ease for loops and back-and-forth moves." },
      "lift": { "$value": [0.3, 0, 1, 1], "$description": "Exits. Things leave quicker than they arrive." }
    }
  }
}