{
  "$description": "Brand: Intel — dark mode",
  "color": {
    "swatches": {
      "$description": "Source-of-truth color swatches from palette intel@1.0.0",
      "classic-blue": {
        "$value": "#0068B5",
        "$type": "color",
        "$description": "The primary Intel Blue — used on the wordmark, on calls-to- action, and as the link / button color across intel.com.\n"
      },
      "energy-blue": {
        "$value": "#00C7FD",
        "$type": "color",
        "$description": "The bright accent introduced in the 2020 refresh — used on highlights, active borders, and on dark surfaces where the classic blue would lose contrast.\n"
      },
      "blue-700": {
        "$value": "#004A86",
        "$type": "color",
        "$description": "Hover / pressed variant of Classic Blue — declared on the live site as `--ighf-h-link-color-hover`.\n"
      },
      "blue-800": {
        "$value": "#0046C8",
        "$type": "color",
        "$description": "Deeper saturated blue for hero / high-emphasis surfaces.\n"
      },
      "blue-900": {
        "$value": "#000F28",
        "$type": "color",
        "$description": "Near-navy used as a dark canvas under hero modules.\n"
      },
      "carbon-web": {
        "$value": "#F7F7F7",
        "$type": "color",
        "$description": "Light page surface tint on the white canvas — the `--ighf-h-color-carbon-web` token.\n"
      },
      "carbon-100": {
        "$value": "#E7E7E7",
        "$type": "color",
        "$description": "Quiet rule / border on the white canvas."
      },
      "carbon-200": {
        "$value": "#D7D7D7",
        "$type": "color",
        "$description": "Light-gray border — the `--ighf-h-color-gray-light` token.\n"
      },
      "carbon-400": {
        "$value": "#999FA9",
        "$type": "color",
        "$description": "Mid-gray for inactive controls."
      },
      "carbon-500": {
        "$value": "#6A6D75",
        "$type": "color",
        "$description": "Disabled / placeholder text — the `--ighf-h-color-carbon-disabled` token.\n"
      },
      "carbon-600": {
        "$value": "#525252",
        "$type": "color",
        "$description": "Secondary body text."
      },
      "carbon-800": {
        "$value": "#262626",
        "$type": "color",
        "$description": "Primary text color on the white canvas — the `--ighf-h-text-color` token; also the dark-mode canvas.\n"
      },
      "white": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Default page canvas; reverse logo fill."
      },
      "black": {
        "$value": "#000000",
        "$type": "color",
        "$description": "Logo fill in the monochrome one-color variant."
      }
    },
    "roles": {
      "$description": "Semantic color roles (dark mode) mapped to palette swatches",
      "background": {
        "$value": "{color.swatches.blue-900}",
        "$type": "color",
        "$description": "background role → Blue 900"
      },
      "surface": {
        "$value": "{color.swatches.carbon-800}",
        "$type": "color",
        "$description": "surface role → Carbon 800"
      },
      "surface-elevated": {
        "$value": "{color.swatches.blue-800}",
        "$type": "color",
        "$description": "surface-elevated role → Blue 800"
      },
      "text-primary": {
        "$value": "{color.swatches.white}",
        "$type": "color",
        "$description": "text-primary role → White"
      },
      "text-secondary": {
        "$value": "{color.swatches.carbon-200}",
        "$type": "color",
        "$description": "text-secondary role → Carbon 200"
      },
      "text-tertiary": {
        "$value": "{color.swatches.carbon-400}",
        "$type": "color",
        "$description": "text-tertiary role → Carbon 400"
      },
      "primary": {
        "$value": "{color.swatches.energy-blue}",
        "$type": "color",
        "$description": "primary role → Intel Energy Blue"
      },
      "primary-hover": {
        "$value": "{color.swatches.classic-blue}",
        "$type": "color",
        "$description": "primary-hover role → Intel Classic Blue"
      },
      "accent": {
        "$value": "{color.swatches.energy-blue}",
        "$type": "color",
        "$description": "accent role → Intel Energy Blue"
      },
      "accent-hover": {
        "$value": "{color.swatches.classic-blue}",
        "$type": "color",
        "$description": "accent-hover role → Intel Classic Blue"
      },
      "border": {
        "$value": "{color.swatches.carbon-600}",
        "$type": "color",
        "$description": "border role → Carbon 600"
      },
      "brand-overrides": {
        "$description": "Brand-level role overrides (take precedence over palette role mappings)",
        "identity": {
          "$value": "{color.swatches.white}",
          "$type": "color",
          "$description": "Brand role identity → White"
        },
        "on-identity": {
          "$value": "{color.swatches.carbon-800}",
          "$type": "color",
          "$description": "Brand role on-identity → Carbon 800"
        },
        "primary": {
          "$value": "{color.swatches.classic-blue}",
          "$type": "color",
          "$description": "Brand role primary → Intel Classic Blue"
        },
        "primary-hover": {
          "$value": "{color.swatches.blue-700}",
          "$type": "color",
          "$description": "Brand role primary-hover → Blue 700"
        },
        "accent": {
          "$value": "{color.swatches.energy-blue}",
          "$type": "color",
          "$description": "Brand role accent → Intel Energy Blue"
        },
        "accent-hover": {
          "$value": "{color.swatches.classic-blue}",
          "$type": "color",
          "$description": "Brand role accent-hover → Intel Classic Blue"
        },
        "mark": {
          "$value": "{color.swatches.classic-blue}",
          "$type": "color",
          "$description": "Brand role mark → Intel Classic Blue"
        },
        "background-light": {
          "$value": "{color.swatches.white}",
          "$type": "color",
          "$description": "Brand role background-light → White"
        },
        "background-dark": {
          "$value": "{color.swatches.blue-900}",
          "$type": "color",
          "$description": "Brand role background-dark → Blue 900"
        },
        "surface-light": {
          "$value": "{color.swatches.carbon-web}",
          "$type": "color",
          "$description": "Brand role surface-light → Carbon Web"
        },
        "surface-dark": {
          "$value": "{color.swatches.carbon-800}",
          "$type": "color",
          "$description": "Brand role surface-dark → Carbon 800"
        },
        "text-primary-light": {
          "$value": "{color.swatches.carbon-800}",
          "$type": "color",
          "$description": "Brand role text-primary-light → Carbon 800"
        },
        "text-primary-dark": {
          "$value": "{color.swatches.white}",
          "$type": "color",
          "$description": "Brand role text-primary-dark → White"
        },
        "text-secondary-light": {
          "$value": "{color.swatches.carbon-600}",
          "$type": "color",
          "$description": "Brand role text-secondary-light → Carbon 600"
        },
        "text-tertiary-light": {
          "$value": "{color.swatches.carbon-500}",
          "$type": "color",
          "$description": "Brand role text-tertiary-light → Carbon 500"
        },
        "border-light": {
          "$value": "{color.swatches.carbon-200}",
          "$type": "color",
          "$description": "Brand role border-light → Carbon 200"
        }
      }
    }
  },
  "font": {
    "$description": "Typography roles mapped to font atoms",
    "heading": {
      "family": {
        "$value": [
          "Inter",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "$type": "fontFamily",
        "$description": "heading 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"
      }
    },
    "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"
      }
    }
  }
}