{
  "$description": "Brand: U.S. Web Design System — dark mode",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette uswds@1.0.0",
      "gray-1": {
        "$value": "#FCFCFC",
        "$type": "color"
      },
      "gray-2": {
        "$value": "#F9F9F9",
        "$type": "color"
      },
      "gray-3": {
        "$value": "#F6F6F6",
        "$type": "color"
      },
      "gray-4": {
        "$value": "#F3F3F3",
        "$type": "color"
      },
      "gray-5": {
        "$value": "#F0F0F0",
        "$type": "color"
      },
      "gray-10": {
        "$value": "#E6E6E6",
        "$type": "color"
      },
      "gray-20": {
        "$value": "#C9C9C9",
        "$type": "color"
      },
      "gray-30": {
        "$value": "#ADADAD",
        "$type": "color"
      },
      "gray-40": {
        "$value": "#919191",
        "$type": "color"
      },
      "gray-50": {
        "$value": "#757575",
        "$type": "color"
      },
      "gray-60": {
        "$value": "#5C5C5C",
        "$type": "color"
      },
      "gray-70": {
        "$value": "#454545",
        "$type": "color"
      },
      "gray-80": {
        "$value": "#2E2E2E",
        "$type": "color"
      },
      "gray-90": {
        "$value": "#1B1B1B",
        "$type": "color"
      },
      "gray-100": {
        "$value": "#000000",
        "$type": "color"
      },
      "gray-cool-1": {
        "$value": "#FBFCFD",
        "$type": "color"
      },
      "gray-cool-2": {
        "$value": "#F7F9FA",
        "$type": "color"
      },
      "gray-cool-3": {
        "$value": "#F5F6F7",
        "$type": "color"
      },
      "gray-cool-4": {
        "$value": "#F1F3F6",
        "$type": "color"
      },
      "gray-cool-5": {
        "$value": "#EDEFF0",
        "$type": "color"
      },
      "gray-cool-10": {
        "$value": "#DFE1E2",
        "$type": "color"
      },
      "gray-cool-20": {
        "$value": "#C6CACE",
        "$type": "color"
      },
      "gray-cool-30": {
        "$value": "#A9AEB1",
        "$type": "color"
      },
      "gray-cool-40": {
        "$value": "#8D9297",
        "$type": "color"
      },
      "gray-cool-50": {
        "$value": "#71767A",
        "$type": "color"
      },
      "gray-cool-60": {
        "$value": "#565C65",
        "$type": "color"
      },
      "gray-cool-70": {
        "$value": "#3D4551",
        "$type": "color"
      },
      "gray-cool-80": {
        "$value": "#2D2E2F",
        "$type": "color"
      },
      "gray-cool-90": {
        "$value": "#1C1D1F",
        "$type": "color"
      },
      "gray-warm-1": {
        "$value": "#FCFCFB",
        "$type": "color"
      },
      "gray-warm-2": {
        "$value": "#F9F9F7",
        "$type": "color"
      },
      "gray-warm-3": {
        "$value": "#F6F6F2",
        "$type": "color"
      },
      "gray-warm-4": {
        "$value": "#F5F5F0",
        "$type": "color"
      },
      "gray-warm-5": {
        "$value": "#F0F0EC",
        "$type": "color"
      },
      "gray-warm-10": {
        "$value": "#E6E6E2",
        "$type": "color"
      },
      "gray-warm-20": {
        "$value": "#CAC9C0",
        "$type": "color"
      },
      "gray-warm-30": {
        "$value": "#AFAEA2",
        "$type": "color"
      },
      "gray-warm-40": {
        "$value": "#929285",
        "$type": "color"
      },
      "gray-warm-50": {
        "$value": "#76766A",
        "$type": "color"
      },
      "gray-warm-60": {
        "$value": "#5D5D52",
        "$type": "color"
      },
      "gray-warm-70": {
        "$value": "#454540",
        "$type": "color"
      },
      "gray-warm-80": {
        "$value": "#2E2E2A",
        "$type": "color"
      },
      "gray-warm-90": {
        "$value": "#171716",
        "$type": "color"
      },
      "red-5": {
        "$value": "#F9EEEE",
        "$type": "color"
      },
      "red-10": {
        "$value": "#F8E1DE",
        "$type": "color"
      },
      "red-20": {
        "$value": "#F7BBB1",
        "$type": "color"
      },
      "red-30": {
        "$value": "#F2938C",
        "$type": "color"
      },
      "red-40": {
        "$value": "#E9695F",
        "$type": "color"
      },
      "red-50": {
        "$value": "#D83933",
        "$type": "color",
        "$description": "USWDS default error / danger color."
      },
      "red-60": {
        "$value": "#A23737",
        "$type": "color"
      },
      "red-70": {
        "$value": "#6F3331",
        "$type": "color"
      },
      "red-80": {
        "$value": "#3E2927",
        "$type": "color"
      },
      "red-90": {
        "$value": "#1B1616",
        "$type": "color"
      },
      "red-vivid-5": {
        "$value": "#FFF3F2",
        "$type": "color"
      },
      "red-vivid-10": {
        "$value": "#FDE0DB",
        "$type": "color"
      },
      "red-vivid-20": {
        "$value": "#FDB8AE",
        "$type": "color"
      },
      "red-vivid-30": {
        "$value": "#FF8D7B",
        "$type": "color"
      },
      "red-vivid-40": {
        "$value": "#FB5A47",
        "$type": "color"
      },
      "red-vivid-50": {
        "$value": "#E52207",
        "$type": "color"
      },
      "red-vivid-60": {
        "$value": "#B50909",
        "$type": "color"
      },
      "red-vivid-70": {
        "$value": "#8B0A03",
        "$type": "color"
      },
      "red-vivid-80": {
        "$value": "#5C1111",
        "$type": "color"
      },
      "orange-5": {
        "$value": "#F6EFE9",
        "$type": "color"
      },
      "orange-10": {
        "$value": "#F2E4D4",
        "$type": "color"
      },
      "orange-20": {
        "$value": "#F3BF90",
        "$type": "color"
      },
      "orange-30": {
        "$value": "#F09860",
        "$type": "color"
      },
      "orange-40": {
        "$value": "#DD7533",
        "$type": "color"
      },
      "orange-50": {
        "$value": "#A86437",
        "$type": "color"
      },
      "orange-60": {
        "$value": "#775540",
        "$type": "color"
      },
      "orange-70": {
        "$value": "#524236",
        "$type": "color"
      },
      "orange-80": {
        "$value": "#332D27",
        "$type": "color"
      },
      "orange-90": {
        "$value": "#1B1614",
        "$type": "color"
      },
      "orange-vivid-5": {
        "$value": "#FEF2E4",
        "$type": "color"
      },
      "orange-vivid-10": {
        "$value": "#FCE2C5",
        "$type": "color"
      },
      "orange-vivid-20": {
        "$value": "#FFBC78",
        "$type": "color"
      },
      "orange-vivid-30": {
        "$value": "#FA9441",
        "$type": "color"
      },
      "orange-vivid-40": {
        "$value": "#E66F0E",
        "$type": "color"
      },
      "orange-vivid-50": {
        "$value": "#C05600",
        "$type": "color"
      },
      "orange-vivid-60": {
        "$value": "#8C471C",
        "$type": "color"
      },
      "orange-vivid-70": {
        "$value": "#5F3617",
        "$type": "color"
      },
      "orange-vivid-80": {
        "$value": "#352313",
        "$type": "color"
      },
      "yellow-5": {
        "$value": "#FAF3D1",
        "$type": "color"
      },
      "yellow-10": {
        "$value": "#F5E6AF",
        "$type": "color"
      },
      "yellow-20": {
        "$value": "#E6C74C",
        "$type": "color"
      },
      "yellow-30": {
        "$value": "#C9AB48",
        "$type": "color",
        "$description": "USWDS warning color."
      },
      "yellow-40": {
        "$value": "#A88F48",
        "$type": "color"
      },
      "yellow-50": {
        "$value": "#8A7237",
        "$type": "color"
      },
      "yellow-60": {
        "$value": "#6B5A39",
        "$type": "color"
      },
      "yellow-70": {
        "$value": "#504332",
        "$type": "color"
      },
      "yellow-80": {
        "$value": "#332D27",
        "$type": "color"
      },
      "yellow-90": {
        "$value": "#1A1614",
        "$type": "color"
      },
      "yellow-vivid-5": {
        "$value": "#FFF5C2",
        "$type": "color"
      },
      "yellow-vivid-10": {
        "$value": "#FEE685",
        "$type": "color"
      },
      "yellow-vivid-20": {
        "$value": "#FACE00",
        "$type": "color"
      },
      "yellow-vivid-30": {
        "$value": "#DDAA01",
        "$type": "color"
      },
      "yellow-vivid-40": {
        "$value": "#B38C00",
        "$type": "color"
      },
      "yellow-vivid-50": {
        "$value": "#947100",
        "$type": "color"
      },
      "yellow-vivid-60": {
        "$value": "#776017",
        "$type": "color"
      },
      "yellow-vivid-70": {
        "$value": "#5C4809",
        "$type": "color"
      },
      "yellow-vivid-80": {
        "$value": "#422D19",
        "$type": "color"
      },
      "green-5": {
        "$value": "#EAF4DD",
        "$type": "color"
      },
      "green-10": {
        "$value": "#DFEACD",
        "$type": "color"
      },
      "green-20": {
        "$value": "#B8D293",
        "$type": "color"
      },
      "green-30": {
        "$value": "#9BB672",
        "$type": "color"
      },
      "green-40": {
        "$value": "#7D9B4E",
        "$type": "color"
      },
      "green-50": {
        "$value": "#607F35",
        "$type": "color",
        "$description": "USWDS success color."
      },
      "green-60": {
        "$value": "#4C6424",
        "$type": "color"
      },
      "green-70": {
        "$value": "#3C4A29",
        "$type": "color"
      },
      "green-80": {
        "$value": "#293021",
        "$type": "color"
      },
      "green-90": {
        "$value": "#161814",
        "$type": "color"
      },
      "green-vivid-5": {
        "$value": "#DDF9C7",
        "$type": "color"
      },
      "green-vivid-10": {
        "$value": "#C5EE93",
        "$type": "color"
      },
      "green-vivid-20": {
        "$value": "#98D035",
        "$type": "color"
      },
      "green-vivid-30": {
        "$value": "#7FB135",
        "$type": "color"
      },
      "green-vivid-40": {
        "$value": "#719F2A",
        "$type": "color"
      },
      "green-vivid-50": {
        "$value": "#538200",
        "$type": "color"
      },
      "green-vivid-60": {
        "$value": "#466C04",
        "$type": "color"
      },
      "green-vivid-70": {
        "$value": "#2F4A0B",
        "$type": "color"
      },
      "green-vivid-80": {
        "$value": "#243413",
        "$type": "color"
      },
      "mint-5": {
        "$value": "#DBF6ED",
        "$type": "color"
      },
      "mint-10": {
        "$value": "#C7EFE2",
        "$type": "color"
      },
      "mint-20": {
        "$value": "#92D9BB",
        "$type": "color"
      },
      "mint-30": {
        "$value": "#5ABF95",
        "$type": "color"
      },
      "mint-40": {
        "$value": "#34A37E",
        "$type": "color"
      },
      "mint-50": {
        "$value": "#2E8367",
        "$type": "color"
      },
      "mint-60": {
        "$value": "#286846",
        "$type": "color"
      },
      "mint-70": {
        "$value": "#204E34",
        "$type": "color"
      },
      "mint-80": {
        "$value": "#193324",
        "$type": "color"
      },
      "mint-90": {
        "$value": "#0D1A12",
        "$type": "color"
      },
      "mint-vivid-5": {
        "$value": "#C9FBEB",
        "$type": "color"
      },
      "mint-vivid-10": {
        "$value": "#83FCD4",
        "$type": "color"
      },
      "mint-vivid-20": {
        "$value": "#0CEDA6",
        "$type": "color"
      },
      "mint-vivid-30": {
        "$value": "#04C585",
        "$type": "color"
      },
      "mint-vivid-40": {
        "$value": "#00A871",
        "$type": "color"
      },
      "mint-vivid-50": {
        "$value": "#008659",
        "$type": "color"
      },
      "mint-vivid-60": {
        "$value": "#146947",
        "$type": "color"
      },
      "mint-vivid-70": {
        "$value": "#0C4E29",
        "$type": "color"
      },
      "mint-vivid-80": {
        "$value": "#0D351E",
        "$type": "color"
      },
      "cyan-5": {
        "$value": "#E7F6F8",
        "$type": "color"
      },
      "cyan-10": {
        "$value": "#CCECF2",
        "$type": "color"
      },
      "cyan-20": {
        "$value": "#99DEEA",
        "$type": "color"
      },
      "cyan-30": {
        "$value": "#5DC0D1",
        "$type": "color"
      },
      "cyan-40": {
        "$value": "#449DAC",
        "$type": "color"
      },
      "cyan-50": {
        "$value": "#168092",
        "$type": "color"
      },
      "cyan-60": {
        "$value": "#2A646D",
        "$type": "color"
      },
      "cyan-70": {
        "$value": "#2C4A4E",
        "$type": "color"
      },
      "cyan-80": {
        "$value": "#203133",
        "$type": "color"
      },
      "cyan-90": {
        "$value": "#111819",
        "$type": "color"
      },
      "cyan-vivid-5": {
        "$value": "#E5FAFF",
        "$type": "color"
      },
      "cyan-vivid-10": {
        "$value": "#A8F2FF",
        "$type": "color"
      },
      "cyan-vivid-20": {
        "$value": "#52DAF2",
        "$type": "color"
      },
      "cyan-vivid-30": {
        "$value": "#00BDE3",
        "$type": "color"
      },
      "cyan-vivid-40": {
        "$value": "#009EC1",
        "$type": "color"
      },
      "cyan-vivid-50": {
        "$value": "#0081A1",
        "$type": "color"
      },
      "cyan-vivid-60": {
        "$value": "#00687D",
        "$type": "color"
      },
      "cyan-vivid-70": {
        "$value": "#0E4F5C",
        "$type": "color"
      },
      "cyan-vivid-80": {
        "$value": "#093B44",
        "$type": "color"
      },
      "blue-5": {
        "$value": "#EFF6FB",
        "$type": "color"
      },
      "blue-10": {
        "$value": "#D9E8F6",
        "$type": "color"
      },
      "blue-20": {
        "$value": "#AACDEC",
        "$type": "color"
      },
      "blue-30": {
        "$value": "#73B3E7",
        "$type": "color"
      },
      "blue-40": {
        "$value": "#4F97D1",
        "$type": "color"
      },
      "blue-50": {
        "$value": "#2378C3",
        "$type": "color",
        "$description": "USWDS primary blue."
      },
      "blue-60": {
        "$value": "#2C608A",
        "$type": "color"
      },
      "blue-70": {
        "$value": "#274863",
        "$type": "color",
        "$description": "USWDS primary-dark."
      },
      "blue-80": {
        "$value": "#1F303E",
        "$type": "color"
      },
      "blue-90": {
        "$value": "#11181D",
        "$type": "color"
      },
      "blue-vivid-5": {
        "$value": "#E8F5FF",
        "$type": "color"
      },
      "blue-vivid-10": {
        "$value": "#CFE8FF",
        "$type": "color"
      },
      "blue-vivid-20": {
        "$value": "#A1D3FF",
        "$type": "color"
      },
      "blue-vivid-30": {
        "$value": "#58B4FF",
        "$type": "color"
      },
      "blue-vivid-40": {
        "$value": "#2491FF",
        "$type": "color"
      },
      "blue-vivid-50": {
        "$value": "#0076D6",
        "$type": "color"
      },
      "blue-vivid-60": {
        "$value": "#005EA2",
        "$type": "color"
      },
      "blue-vivid-70": {
        "$value": "#0B4778",
        "$type": "color"
      },
      "blue-vivid-80": {
        "$value": "#112F4E",
        "$type": "color"
      },
      "indigo-5": {
        "$value": "#EFEFF8",
        "$type": "color"
      },
      "indigo-10": {
        "$value": "#E5E4FA",
        "$type": "color"
      },
      "indigo-20": {
        "$value": "#C5C5F3",
        "$type": "color"
      },
      "indigo-30": {
        "$value": "#A5A8EB",
        "$type": "color"
      },
      "indigo-40": {
        "$value": "#8889DB",
        "$type": "color"
      },
      "indigo-50": {
        "$value": "#676CC8",
        "$type": "color"
      },
      "indigo-60": {
        "$value": "#4D52AF",
        "$type": "color"
      },
      "indigo-70": {
        "$value": "#3D4076",
        "$type": "color"
      },
      "indigo-80": {
        "$value": "#2B2C40",
        "$type": "color"
      },
      "indigo-90": {
        "$value": "#16171F",
        "$type": "color"
      },
      "indigo-vivid-5": {
        "$value": "#F0F0FF",
        "$type": "color"
      },
      "indigo-vivid-10": {
        "$value": "#E0E0FF",
        "$type": "color"
      },
      "indigo-vivid-20": {
        "$value": "#CCCEFF",
        "$type": "color"
      },
      "indigo-vivid-30": {
        "$value": "#A3A7FA",
        "$type": "color"
      },
      "indigo-vivid-40": {
        "$value": "#8289FF",
        "$type": "color"
      },
      "indigo-vivid-50": {
        "$value": "#656BD7",
        "$type": "color"
      },
      "indigo-vivid-60": {
        "$value": "#4A50C4",
        "$type": "color"
      },
      "indigo-vivid-70": {
        "$value": "#3333A3",
        "$type": "color"
      },
      "indigo-vivid-80": {
        "$value": "#212463",
        "$type": "color"
      },
      "violet-5": {
        "$value": "#F4F1F9",
        "$type": "color"
      },
      "violet-10": {
        "$value": "#EBE3F9",
        "$type": "color"
      },
      "violet-20": {
        "$value": "#D0C3E9",
        "$type": "color"
      },
      "violet-30": {
        "$value": "#B8A2E3",
        "$type": "color"
      },
      "violet-40": {
        "$value": "#9D84D2",
        "$type": "color"
      },
      "violet-50": {
        "$value": "#8168B3",
        "$type": "color"
      },
      "violet-60": {
        "$value": "#665190",
        "$type": "color"
      },
      "violet-70": {
        "$value": "#4C3D69",
        "$type": "color"
      },
      "violet-80": {
        "$value": "#312B3F",
        "$type": "color"
      },
      "violet-90": {
        "$value": "#18161D",
        "$type": "color"
      },
      "violet-vivid-5": {
        "$value": "#F7F2FF",
        "$type": "color"
      },
      "violet-vivid-10": {
        "$value": "#EDE3FF",
        "$type": "color"
      },
      "violet-vivid-20": {
        "$value": "#D5BFFF",
        "$type": "color"
      },
      "violet-vivid-30": {
        "$value": "#C39DEB",
        "$type": "color"
      },
      "violet-vivid-40": {
        "$value": "#AD79E9",
        "$type": "color"
      },
      "violet-vivid-50": {
        "$value": "#9355DC",
        "$type": "color"
      },
      "violet-vivid-60": {
        "$value": "#783CB9",
        "$type": "color"
      },
      "violet-vivid-70": {
        "$value": "#54278F",
        "$type": "color"
      },
      "violet-vivid-80": {
        "$value": "#39215E",
        "$type": "color"
      },
      "magenta-5": {
        "$value": "#F9F0F2",
        "$type": "color"
      },
      "magenta-10": {
        "$value": "#F6E1E8",
        "$type": "color"
      },
      "magenta-20": {
        "$value": "#F0BBCC",
        "$type": "color"
      },
      "magenta-30": {
        "$value": "#E895B3",
        "$type": "color"
      },
      "magenta-40": {
        "$value": "#E0699F",
        "$type": "color"
      },
      "magenta-50": {
        "$value": "#C84281",
        "$type": "color"
      },
      "magenta-60": {
        "$value": "#8B4566",
        "$type": "color"
      },
      "magenta-70": {
        "$value": "#66364B",
        "$type": "color"
      },
      "magenta-80": {
        "$value": "#402731",
        "$type": "color"
      },
      "magenta-90": {
        "$value": "#1B1617",
        "$type": "color"
      },
      "magenta-vivid-5": {
        "$value": "#FFF2F5",
        "$type": "color"
      },
      "magenta-vivid-10": {
        "$value": "#FFDDEA",
        "$type": "color"
      },
      "magenta-vivid-20": {
        "$value": "#FFB4CF",
        "$type": "color"
      },
      "magenta-vivid-30": {
        "$value": "#FF87B2",
        "$type": "color"
      },
      "magenta-vivid-40": {
        "$value": "#FD4496",
        "$type": "color"
      },
      "magenta-vivid-50": {
        "$value": "#D72D79",
        "$type": "color"
      },
      "magenta-vivid-60": {
        "$value": "#AB2165",
        "$type": "color"
      },
      "magenta-vivid-70": {
        "$value": "#731F44",
        "$type": "color"
      },
      "magenta-vivid-80": {
        "$value": "#4F172E",
        "$type": "color"
      }
    },
    "roles": {
      "$description": "Semantic color roles (dark mode) mapped to palette swatches",
      "background": {
        "$value": "{color.swatches.gray-90}",
        "$type": "color",
        "$description": "background role → Gray 90"
      },
      "surface": {
        "$value": "{color.swatches.gray-80}",
        "$type": "color",
        "$description": "surface role → Gray 80"
      },
      "surface-elevated": {
        "$value": "{color.swatches.gray-70}",
        "$type": "color",
        "$description": "surface-elevated role → Gray 70"
      },
      "text-primary": {
        "$value": "{color.swatches.gray-1}",
        "$type": "color",
        "$description": "text-primary role → Gray 1"
      },
      "text-secondary": {
        "$value": "{color.swatches.gray-20}",
        "$type": "color",
        "$description": "text-secondary role → Gray 20"
      },
      "text-tertiary": {
        "$value": "{color.swatches.gray-30}",
        "$type": "color",
        "$description": "text-tertiary role → Gray 30"
      },
      "primary": {
        "$value": "{color.swatches.blue-vivid-30}",
        "$type": "color",
        "$description": "primary role → Blue Vivid 30"
      },
      "primary-hover": {
        "$value": "{color.swatches.blue-vivid-20}",
        "$type": "color",
        "$description": "primary-hover role → Blue Vivid 20"
      },
      "accent": {
        "$value": "{color.swatches.indigo-vivid-30}",
        "$type": "color",
        "$description": "accent role → Indigo Vivid 30"
      },
      "accent-hover": {
        "$value": "{color.swatches.indigo-vivid-20}",
        "$type": "color",
        "$description": "accent-hover role → Indigo Vivid 20"
      },
      "warning": {
        "$value": "{color.swatches.yellow-vivid-20}",
        "$type": "color",
        "$description": "warning role → Yellow Vivid 20"
      },
      "warning-hover": {
        "$value": "{color.swatches.yellow-vivid-10}",
        "$type": "color",
        "$description": "warning-hover role → Yellow Vivid 10"
      },
      "error": {
        "$value": "{color.swatches.red-vivid-30}",
        "$type": "color",
        "$description": "error role → Red Vivid 30"
      },
      "success": {
        "$value": "{color.swatches.green-vivid-30}",
        "$type": "color",
        "$description": "success role → Green Vivid 30"
      },
      "border": {
        "$value": "{color.swatches.gray-70}",
        "$type": "color",
        "$description": "border role → Gray 70"
      },
      "brand-overrides": {
        "$description": "Brand-level role overrides (take precedence over palette role mappings)",
        "identity": {
          "$value": "{color.swatches.gray-1}",
          "$type": "color",
          "$description": "Brand role identity → Gray 1"
        },
        "on-identity": {
          "$value": "{color.swatches.gray-90}",
          "$type": "color",
          "$description": "Brand role on-identity → Gray 90"
        },
        "primary": {
          "$value": "{color.swatches.blue-vivid-60}",
          "$type": "color",
          "$description": "Brand role primary → Blue Vivid 60"
        },
        "primary-hover": {
          "$value": "{color.swatches.blue-vivid-70}",
          "$type": "color",
          "$description": "Brand role primary-hover → Blue Vivid 70"
        },
        "accent": {
          "$value": "{color.swatches.cyan-vivid-30}",
          "$type": "color",
          "$description": "Brand role accent → Cyan Vivid 30"
        },
        "accent-hover": {
          "$value": "{color.swatches.cyan-vivid-40}",
          "$type": "color",
          "$description": "Brand role accent-hover → Cyan Vivid 40"
        },
        "mark": {
          "$value": "{color.swatches.blue-vivid-60}",
          "$type": "color",
          "$description": "Brand role mark → Blue Vivid 60"
        },
        "success": {
          "$value": "{color.swatches.green-50}",
          "$type": "color",
          "$description": "Brand role success → Green 50"
        },
        "warning": {
          "$value": "{color.swatches.yellow-30}",
          "$type": "color",
          "$description": "Brand role warning → Yellow 30"
        },
        "error": {
          "$value": "{color.swatches.red-50}",
          "$type": "color",
          "$description": "Brand role error → Red 50"
        },
        "text-primary-light": {
          "$value": "{color.swatches.gray-90}",
          "$type": "color",
          "$description": "Brand role text-primary-light → Gray 90"
        },
        "text-primary-dark": {
          "$value": "{color.swatches.gray-1}",
          "$type": "color",
          "$description": "Brand role text-primary-dark → Gray 1"
        },
        "background-light": {
          "$value": "{color.swatches.gray-1}",
          "$type": "color",
          "$description": "Brand role background-light → Gray 1"
        },
        "background-dark": {
          "$value": "{color.swatches.gray-90}",
          "$type": "color",
          "$description": "Brand role background-dark → Gray 90"
        },
        "surface-light": {
          "$value": "{color.swatches.gray-3}",
          "$type": "color",
          "$description": "Brand role surface-light → Gray 3"
        },
        "surface-dark": {
          "$value": "{color.swatches.gray-80}",
          "$type": "color",
          "$description": "Brand role surface-dark → Gray 80"
        },
        "text-secondary-light": {
          "$value": "{color.swatches.gray-70}",
          "$type": "color",
          "$description": "Brand role text-secondary-light → Gray 70"
        },
        "text-tertiary-light": {
          "$value": "{color.swatches.gray-50}",
          "$type": "color",
          "$description": "Brand role text-tertiary-light → Gray 50"
        },
        "border-light": {
          "$value": "{color.swatches.gray-30}",
          "$type": "color",
          "$description": "Brand role border-light → Gray 30"
        }
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Public Sans",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Public Sans (public-sans@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "body": {
      "family": {
        "$value": [
          "Source Sans 3",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Source Sans 3 (source-sans-3@1.0.0)"
      },
      "weight": {
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "800": {
          "$value": 800,
          "$type": "fontWeight"
        },
        "900": {
          "$value": 900,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "Roboto Mono",
          "SFMono-Regular",
          "Menlo",
          "Consolas",
          "Liberation Mono",
          "Courier New",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → Roboto Mono (roboto-mono@1.0.0)"
      },
      "weight": {
        "100": {
          "$value": 100,
          "$type": "fontWeight"
        },
        "200": {
          "$value": 200,
          "$type": "fontWeight"
        },
        "300": {
          "$value": 300,
          "$type": "fontWeight"
        },
        "400": {
          "$value": 400,
          "$type": "fontWeight"
        },
        "500": {
          "$value": 500,
          "$type": "fontWeight"
        },
        "600": {
          "$value": 600,
          "$type": "fontWeight"
        },
        "700": {
          "$value": 700,
          "$type": "fontWeight"
        },
        "$description": "Available font weights"
      }
    }
  }
}