{
  "$description": "Brand: Unreal Engine — dark mode",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette unreal-engine@1.0.0",
      "unreal-blue": {
        "$value": "#26BBFF",
        "$type": "color",
        "$description": "Primary brand action — --color-eds.fill.primary.default, --color-eds.icon.select.default, --color-text-select- default, --color-fill-primary-press. The most identifiable Unreal Engine accent.\n"
      },
      "unreal-blue-hover": {
        "$value": "#72D3FF",
        "$type": "color",
        "$description": "Hover variant — --color-eds.fill.primary.hover and --color-fill-primary-hover.\n"
      },
      "unreal-blue-400": {
        "$value": "#33BFFF",
        "$type": "color",
        "$description": "Mid-bright blue — --color-eds.palette.blue.400 (alias of --color-palette-blue-400).\n"
      },
      "unreal-blue-500": {
        "$value": "#69D0FF",
        "$type": "color",
        "$description": "Bright blue — --color-eds.palette.blue.500.\n"
      },
      "unreal-blue-600": {
        "$value": "#A0E1FF",
        "$type": "color",
        "$description": "Pale blue — --color-eds.palette.blue.600. Gradient start-stop in the green-gradient (#A0E1FF → #5FE367).\n"
      },
      "unreal-blue-700": {
        "$value": "#D6F2FF",
        "$type": "color",
        "$description": "Lightest blue — --color-eds.palette.blue.700. Quiet branded surface tint.\n"
      },
      "unreal-blue-300": {
        "$value": "#258CBB",
        "$type": "color",
        "$description": "Mid-deep blue — --color-eds.palette.blue.300.\n"
      },
      "unreal-blue-200": {
        "$value": "#185977",
        "$type": "color",
        "$description": "Deep blue — --color-eds.palette.blue.200.\n"
      },
      "unreal-blue-100": {
        "$value": "#0A2633",
        "$type": "color",
        "$description": "Deepest blue surface — --color-eds.palette.blue.100.\n"
      },
      "ink": {
        "$value": "#101014",
        "$type": "color",
        "$description": "Primary dark canvas — --color-background-default and --color-neutral-100. The Unreal Engine page-background default.\n"
      },
      "ink-elevated": {
        "$value": "#202024",
        "$type": "color",
        "$description": "Elevated dark surface — --colors-eds.background.elevated. high.default. Card and panel backgrounds.\n"
      },
      "ink-elevated-hover": {
        "$value": "#505054",
        "$type": "color",
        "$description": "Tertiary elevated hover — --colors-eds.fill.tertiary. elevated.hover.\n"
      },
      "ink-divider": {
        "$value": "#303034",
        "$type": "color",
        "$description": "Quiet divider on dark — --color-fill-secondary-disabled and --colors-eds.fill.secondary.disabled.\n"
      },
      "ink-deep": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Pure black — --colors-eds.text.on-accent and --colors- eds.text.link.on-accent.default. Text fill on bright blue and white surfaces.\n"
      },
      "snow": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Pure white — --color-text-primary, --color-icon-primary, --colors-eds.icon.contrast. Primary body text on dark canvas.\n"
      },
      "snow-soft": {
        "$value": "#808084",
        "$type": "color",
        "$description": "Mid neutral — --colors-eds.palette.grayscale.gray100. Secondary text on dark surface.\n"
      },
      "critical-default": {
        "$value": "#FF3F56",
        "$type": "color",
        "$description": "Error / destructive default — --color-fill-critical- default and --colors-eds.fill.critical.default.\n"
      },
      "critical-alternate": {
        "$value": "#FF6173",
        "$type": "color",
        "$description": "Critical alternate — --color-fill-critical-alternate. Used as the warning text color on critical alerts.\n"
      },
      "critical-text": {
        "$value": "#FF6173",
        "$type": "color",
        "$description": "Critical text color — --colors-eds.text.critical.\n"
      },
      "success-default": {
        "$value": "#8AEA90",
        "$type": "color",
        "$description": "Success green — --colors-eds.palette.green.500.\n"
      },
      "success-alternate": {
        "$value": "#71D687",
        "$type": "color",
        "$description": "Success alternate — --color-fill-success-alternate.\n"
      },
      "warning-default": {
        "$value": "#FFC229",
        "$type": "color",
        "$description": "Warning icon color — --color-icon-warning and --color- palette-accent-yellow200.\n"
      },
      "warning-yellow-400": {
        "$value": "#F7D82B",
        "$type": "color",
        "$description": "Bright warning yellow — --colors-eds.palette.yellow.400.\n"
      },
      "gradient-green": {
        "$value": "#5FE367",
        "$type": "color",
        "$description": "Green gradient end-stop — --gradient-components-green- stops-100. Paired with --gradient-components-blue-stops- 100 (#33BFFF or unreal-blue-600 #A0E1FF) on the documented EDS gradients.\n"
      },
      "gradient-orange": {
        "$value": "#FE8539",
        "$type": "color",
        "$description": "Orange gradient end-stop — --color-palette-orange-400. Paired with yellow on the documented EDS orange gradient.\n"
      }
    },
    "roles": {
      "$description": "Semantic color roles (dark mode) mapped to palette swatches",
      "background": {
        "$value": "{color.swatches.ink}",
        "$type": "color",
        "$description": "background role → Ink"
      },
      "surface": {
        "$value": "{color.swatches.ink-elevated}",
        "$type": "color",
        "$description": "surface role → Ink Elevated"
      },
      "surface-elevated": {
        "$value": "{color.swatches.ink-elevated-hover}",
        "$type": "color",
        "$description": "surface-elevated role → Ink Elevated Hover"
      },
      "text-primary": {
        "$value": "{color.swatches.snow}",
        "$type": "color",
        "$description": "text-primary role → Snow"
      },
      "text-secondary": {
        "$value": "{color.swatches.snow-soft}",
        "$type": "color",
        "$description": "text-secondary role → Snow Soft"
      },
      "text-tertiary": {
        "$value": "{color.swatches.ink-elevated-hover}",
        "$type": "color",
        "$description": "text-tertiary role → Ink Elevated Hover"
      },
      "primary": {
        "$value": "{color.swatches.unreal-blue}",
        "$type": "color",
        "$description": "primary role → Unreal Blue"
      },
      "primary-hover": {
        "$value": "{color.swatches.unreal-blue-hover}",
        "$type": "color",
        "$description": "primary-hover role → Unreal Blue Hover"
      },
      "accent": {
        "$value": "{color.swatches.unreal-blue-hover}",
        "$type": "color",
        "$description": "accent role → Unreal Blue Hover"
      },
      "accent-hover": {
        "$value": "{color.swatches.unreal-blue-500}",
        "$type": "color",
        "$description": "accent-hover role → Unreal Blue 500"
      },
      "warning": {
        "$value": "{color.swatches.warning-default}",
        "$type": "color",
        "$description": "warning role → Warning Default"
      },
      "warning-hover": {
        "$value": "{color.swatches.gradient-orange}",
        "$type": "color",
        "$description": "warning-hover role → Gradient Orange"
      },
      "error": {
        "$value": "{color.swatches.critical-default}",
        "$type": "color",
        "$description": "error role → Critical Default"
      },
      "success": {
        "$value": "{color.swatches.success-default}",
        "$type": "color",
        "$description": "success role → Success Default"
      },
      "border": {
        "$value": "{color.swatches.ink-divider}",
        "$type": "color",
        "$description": "border role → Ink Divider"
      },
      "brand-overrides": {
        "$description": "Brand-level role overrides (take precedence over palette role mappings)",
        "identity": {
          "$value": "{color.swatches.ink}",
          "$type": "color",
          "$description": "Brand role identity → Ink"
        },
        "on-identity": {
          "$value": "{color.swatches.unreal-blue}",
          "$type": "color",
          "$description": "Brand role on-identity → Unreal Blue"
        },
        "primary": {
          "$value": "{color.swatches.unreal-blue}",
          "$type": "color",
          "$description": "Brand role primary → Unreal Blue"
        },
        "primary-hover": {
          "$value": "{color.swatches.unreal-blue-hover}",
          "$type": "color",
          "$description": "Brand role primary-hover → Unreal Blue Hover"
        },
        "accent": {
          "$value": "{color.swatches.unreal-blue-hover}",
          "$type": "color",
          "$description": "Brand role accent → Unreal Blue Hover"
        },
        "accent-hover": {
          "$value": "{color.swatches.unreal-blue-500}",
          "$type": "color",
          "$description": "Brand role accent-hover → Unreal Blue 500"
        },
        "mark": {
          "$value": "{color.swatches.snow}",
          "$type": "color",
          "$description": "Brand role mark → Snow"
        },
        "success": {
          "$value": "{color.swatches.success-default}",
          "$type": "color",
          "$description": "Brand role success → Success Default"
        },
        "warning": {
          "$value": "{color.swatches.warning-default}",
          "$type": "color",
          "$description": "Brand role warning → Warning Default"
        },
        "error": {
          "$value": "{color.swatches.critical-default}",
          "$type": "color",
          "$description": "Brand role error → Critical Default"
        },
        "text-primary-light": {
          "$value": "{color.swatches.ink}",
          "$type": "color",
          "$description": "Brand role text-primary-light → Ink"
        },
        "text-primary-dark": {
          "$value": "{color.swatches.snow}",
          "$type": "color",
          "$description": "Brand role text-primary-dark → Snow"
        },
        "background-light": {
          "$value": "{color.swatches.snow}",
          "$type": "color",
          "$description": "Brand role background-light → Snow"
        },
        "background-dark": {
          "$value": "{color.swatches.ink}",
          "$type": "color",
          "$description": "Brand role background-dark → Ink"
        },
        "surface-light": {
          "$value": "{color.swatches.unreal-blue-700}",
          "$type": "color",
          "$description": "Brand role surface-light → Unreal Blue 700"
        },
        "surface-dark": {
          "$value": "{color.swatches.ink-elevated}",
          "$type": "color",
          "$description": "Brand role surface-dark → Ink Elevated"
        },
        "text-secondary-light": {
          "$value": "{color.swatches.ink-elevated-hover}",
          "$type": "color",
          "$description": "Brand role text-secondary-light → Ink Elevated Hover"
        },
        "text-tertiary-light": {
          "$value": "{color.swatches.snow-soft}",
          "$type": "color",
          "$description": "Brand role text-tertiary-light → Snow Soft"
        },
        "border-light": {
          "$value": "{color.swatches.ink-divider}",
          "$type": "color",
          "$description": "Brand role border-light → Ink Divider"
        }
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Inter Tight",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading role → Inter Tight (inter-tight@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": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "body role → Inter (inter@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"
      }
    },
    "mono": {
      "family": {
        "$value": [
          "JetBrainsMono Nerd Font",
          "JetBrains Mono",
          "Fira Code",
          "Menlo",
          "Monaco",
          "Consolas",
          "Liberation Mono",
          "monospace"
        ],
        "$type": "fontFamily",
        "$description": "mono role → JetBrainsMono Nerd Font (jetbrainsmono-nerdfont@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"
        },
        "$description": "Available font weights"
      }
    }
  }
}