{
  "$themes": [
    {
      "id": "light",
      "name": "Light",
      "selectedTokenSets": {
        "global": "enabled",
        "role-light": "enabled",
        "brand": "enabled"
      }
    },
    {
      "id": "dark",
      "name": "Dark",
      "selectedTokenSets": {
        "global": "enabled",
        "role-dark": "enabled",
        "brand": "enabled"
      }
    }
  ],
  "global": {
    "color": {
      "text": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "GOV.UK Black — primary text ink on every page."
      },
      "secondary-text": {
        "value": "#484949",
        "type": "color",
        "description": "Secondary text and hints; quiet metadata."
      },
      "link": {
        "value": "#1A65A6",
        "type": "color",
        "description": "Default link colour on the GOV.UK template background."
      },
      "link-hover": {
        "value": "#0F385C",
        "type": "color",
        "description": "Hover state for links."
      },
      "link-visited": {
        "value": "#54319F",
        "type": "color",
        "description": "Visited link state — sourced from web-palette Purple."
      },
      "link-active": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "Active link state — GOV.UK Black for highest emphasis."
      },
      "border": {
        "value": "#CECECE",
        "type": "color",
        "description": "Default border on quiet dividers and cards."
      },
      "input-border": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "Form-control border — full-strength GOV.UK Black."
      },
      "hover": {
        "value": "#CECECE",
        "type": "color",
        "description": "Hover surface for interactive rows and list items."
      },
      "focus": {
        "value": "#FFDD00",
        "type": "color",
        "description": "GOV.UK Yellow focus indicator — the signature accessibility affordance."
      },
      "focus-text": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "Text ink rendered on the yellow focus background."
      },
      "error": {
        "value": "#CA3535",
        "type": "color",
        "description": "Validation and error messaging colour."
      },
      "success": {
        "value": "#0F7A52",
        "type": "color",
        "description": "Success / confirmation colour."
      },
      "brand": {
        "value": "#1D70B8",
        "type": "color",
        "description": "GOV.UK Blue — the system's brand link / primary blue."
      },
      "body-background": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Default page background — white."
      },
      "template-background": {
        "value": "#F4F8FB",
        "type": "color",
        "description": "The pale-blue GOV.UK template background."
      },
      "surface-background": {
        "value": "#F4F8FB",
        "type": "color",
        "description": "Default surface background for cards and panels."
      },
      "surface-text": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "Default text colour on a surface panel."
      },
      "surface-border": {
        "value": "#8EB8DC",
        "type": "color",
        "description": "Default border colour on a surface panel."
      },
      "web-blue": {
        "value": "#1D70B8",
        "type": "color",
        "description": "Web-palette Blue — identical to brand."
      },
      "web-green": {
        "value": "#0F7A52",
        "type": "color",
        "description": "Web-palette Green — identical to success."
      },
      "web-teal": {
        "value": "#158187",
        "type": "color",
        "description": "Web-palette Teal."
      },
      "web-purple": {
        "value": "#54319F",
        "type": "color",
        "description": "Web-palette Purple — identical to link-visited."
      },
      "web-magenta": {
        "value": "#CA357C",
        "type": "color",
        "description": "Web-palette Magenta."
      },
      "web-red": {
        "value": "#CA3535",
        "type": "color",
        "description": "Web-palette Red — identical to error."
      },
      "web-orange": {
        "value": "#F47738",
        "type": "color",
        "description": "Web-palette Orange."
      },
      "web-yellow": {
        "value": "#FFDD00",
        "type": "color",
        "description": "Web-palette Yellow — identical to focus."
      },
      "web-brown": {
        "value": "#99704A",
        "type": "color",
        "description": "Web-palette Brown."
      },
      "web-black": {
        "value": "#0B0C0C",
        "type": "color",
        "description": "Web-palette Black — identical to text."
      },
      "web-white": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "Web-palette White — identical to body-background."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Inter",
        "type": "fontFamilies",
        "description": "inter@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "Roboto Mono",
        "type": "fontFamilies",
        "description": "roboto-mono@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "mono": {
        "value": [
          "Roboto Mono",
          "SFMono-Regular",
          "Menlo",
          "Consolas",
          "Liberation Mono",
          "Courier New",
          "monospace"
        ],
        "type": "fontFamilies"
      }
    }
  },
  "role-light": {
    "color": {
      "background": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.template-background}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.brand}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.link-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.web-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.web-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.border}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.border}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.border}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.web-blue}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.web-blue}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.web-orange}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.web-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.brand}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.link-hover}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.focus}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.web-orange}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.body-background}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.template-background}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.text}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.secondary-text}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.border}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "GOV.UK Design System",
    "ref": "govuk@1.0.0",
    "paletteRef": "govuk@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}