{
  "$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": {
      "branding": {
        "value": "#004494",
        "type": "color",
        "description": "ECL canonical Branding blue — the European Commission identity colour."
      },
      "primary-180": {
        "value": "#051036",
        "type": "color",
        "description": "Deepest primary — near-black blue for text and high-emphasis surfaces."
      },
      "primary-160": {
        "value": "#0A1F6C",
        "type": "color",
        "description": "Deep primary — body text on light surfaces."
      },
      "primary-140": {
        "value": "#0F2FA2",
        "type": "color",
        "description": "Strong primary — hover state for primary actions."
      },
      "primary-120": {
        "value": "#143FD9",
        "type": "color",
        "description": "Mid-deep primary."
      },
      "primary-100": {
        "value": "#3860ED",
        "type": "color",
        "description": "Default primary — the standard ECL interactive blue."
      },
      "primary-80": {
        "value": "#5577F0",
        "type": "color",
        "description": "Lighter primary — quiet emphasis."
      },
      "primary-60": {
        "value": "#89A1F4",
        "type": "color",
        "description": "Pale primary."
      },
      "primary-40": {
        "value": "#B1C0F8",
        "type": "color",
        "description": "Very pale primary — surface tint."
      },
      "primary-20": {
        "value": "#D8E0FB",
        "type": "color",
        "description": "Palest primary — quiet surface background."
      },
      "secondary-180": {
        "value": "#8F5600",
        "type": "color",
        "description": "Deep secondary — strong warm accent."
      },
      "secondary-160": {
        "value": "#E08700",
        "type": "color",
        "description": "Mid-deep secondary."
      },
      "secondary-140": {
        "value": "#FF9D0A",
        "type": "color",
        "description": "Saturated secondary."
      },
      "secondary-120": {
        "value": "#FFAD33",
        "type": "color",
        "description": "Mid secondary."
      },
      "secondary-100": {
        "value": "#FFBE5C",
        "type": "color",
        "description": "Default secondary — the standard ECL warm accent."
      },
      "secondary-80": {
        "value": "#FFCB7C",
        "type": "color",
        "description": "Lighter secondary."
      },
      "secondary-60": {
        "value": "#FFD89D",
        "type": "color",
        "description": "Pale secondary."
      },
      "secondary-40": {
        "value": "#FFE5BE",
        "type": "color",
        "description": "Very pale secondary."
      },
      "secondary-20": {
        "value": "#FFF2DE",
        "type": "color",
        "description": "Palest secondary — quiet warm surface."
      },
      "dark-100": {
        "value": "#26324B",
        "type": "color",
        "description": "Default ink — body text on light surfaces."
      },
      "dark-80": {
        "value": "#546FA6",
        "type": "color",
        "description": "Secondary ink — hints, captions, metadata."
      },
      "dark-60": {
        "value": "#99AACC",
        "type": "color",
        "description": "Tertiary ink — disabled text, quiet labels."
      },
      "neutral-180": {
        "value": "#6C85D1",
        "type": "color",
        "description": "Strongest neutral."
      },
      "neutral-160": {
        "value": "#7F95D7",
        "type": "color",
        "description": "Strong neutral."
      },
      "neutral-140": {
        "value": "#92A5DD",
        "type": "color",
        "description": "Mid-strong neutral."
      },
      "neutral-120": {
        "value": "#A6B5E3",
        "type": "color",
        "description": "Mid neutral."
      },
      "neutral-100": {
        "value": "#B9C5E9",
        "type": "color",
        "description": "Default neutral — borders, dividers on elevated surfaces."
      },
      "neutral-80": {
        "value": "#CDD5EF",
        "type": "color",
        "description": "Lighter neutral."
      },
      "neutral-60": {
        "value": "#E0E5F5",
        "type": "color",
        "description": "Pale neutral."
      },
      "neutral-40": {
        "value": "#F3F5FB",
        "type": "color",
        "description": "Very pale neutral — surface background."
      },
      "neutral-20": {
        "value": "#F8F9FD",
        "type": "color",
        "description": "Palest neutral — page background tint."
      },
      "info": {
        "value": "#3860ED",
        "type": "color",
        "description": "Info colour — identical to Primary 100."
      },
      "success": {
        "value": "#24A148",
        "type": "color",
        "description": "Success / confirmation colour."
      },
      "warning": {
        "value": "#F39811",
        "type": "color",
        "description": "Warning colour."
      },
      "error": {
        "value": "#DA1E28",
        "type": "color",
        "description": "Error / destructive colour."
      },
      "background": {
        "value": "#FCFCFC",
        "type": "color",
        "description": "Default page background — near-white."
      },
      "white": {
        "value": "#FFFFFF",
        "type": "color",
        "description": "True white — used for elevated surfaces."
      }
    },
    "fontFamily": {
      "heading": {
        "value": "Public Sans",
        "type": "fontFamilies",
        "description": "public-sans@1.0.0 · sans-serif"
      },
      "body": {
        "value": "Manrope",
        "type": "fontFamilies",
        "description": "manrope@1.0.0 · sans-serif"
      },
      "mono": {
        "value": "Roboto Mono",
        "type": "fontFamilies",
        "description": "roboto-mono@1.0.0 · monospace"
      }
    },
    "fontStack": {
      "heading": {
        "value": [
          "Public Sans",
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Helvetica Neue",
          "Arial",
          "sans-serif"
        ],
        "type": "fontFamilies"
      },
      "body": {
        "value": [
          "Manrope",
          "-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.background}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.neutral-40}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.white}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.dark-100}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.dark-80}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.dark-60}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.branding}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.primary-140}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.secondary-100}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.secondary-140}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.warning}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.secondary-180}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.neutral-100}",
        "type": "color"
      }
    }
  },
  "role-dark": {
    "color": {
      "background": {
        "value": "{global.color.primary-180}",
        "type": "color"
      },
      "surface": {
        "value": "{global.color.primary-160}",
        "type": "color"
      },
      "surface-elevated": {
        "value": "{global.color.primary-140}",
        "type": "color"
      },
      "text-primary": {
        "value": "{global.color.neutral-60}",
        "type": "color"
      },
      "text-secondary": {
        "value": "{global.color.neutral-100}",
        "type": "color"
      },
      "text-tertiary": {
        "value": "{global.color.neutral-140}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.primary-60}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.primary-40}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.secondary-100}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.secondary-80}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.warning}",
        "type": "color"
      },
      "warning-hover": {
        "value": "{global.color.secondary-120}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "border": {
        "value": "{global.color.primary-140}",
        "type": "color"
      }
    }
  },
  "brand": {
    "color": {
      "identity": {
        "value": "{global.color.white}",
        "type": "color"
      },
      "on-identity": {
        "value": "{global.color.dark-100}",
        "type": "color"
      },
      "primary": {
        "value": "{global.color.branding}",
        "type": "color"
      },
      "primary-hover": {
        "value": "{global.color.primary-140}",
        "type": "color"
      },
      "accent": {
        "value": "{global.color.secondary-100}",
        "type": "color"
      },
      "accent-hover": {
        "value": "{global.color.secondary-140}",
        "type": "color"
      },
      "mark": {
        "value": "{global.color.branding}",
        "type": "color"
      },
      "success": {
        "value": "{global.color.success}",
        "type": "color"
      },
      "warning": {
        "value": "{global.color.warning}",
        "type": "color"
      },
      "error": {
        "value": "{global.color.error}",
        "type": "color"
      },
      "text-primary-light": {
        "value": "{global.color.dark-100}",
        "type": "color"
      },
      "text-primary-dark": {
        "value": "{global.color.neutral-60}",
        "type": "color"
      },
      "background-light": {
        "value": "{global.color.background}",
        "type": "color"
      },
      "background-dark": {
        "value": "{global.color.primary-180}",
        "type": "color"
      },
      "surface-light": {
        "value": "{global.color.neutral-40}",
        "type": "color"
      },
      "surface-dark": {
        "value": "{global.color.primary-160}",
        "type": "color"
      },
      "text-secondary-light": {
        "value": "{global.color.dark-80}",
        "type": "color"
      },
      "text-tertiary-light": {
        "value": "{global.color.dark-60}",
        "type": "color"
      },
      "border-light": {
        "value": "{global.color.neutral-100}",
        "type": "color"
      }
    }
  },
  "$metadata": {
    "name": "European Digital Identity",
    "ref": "eudi@1.0.0",
    "paletteRef": "eudi@1.0.0",
    "generatedBy": "brand-atoms converter"
  }
}