{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "color": {
    "palette": {
      "black": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.012,
            0.016,
            0.027
          ],
          "hex": "#030407"
        },
        "$type": "color",
        "$description": "Black"
      },
      "chrome-white": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.906,
            0.91,
            0.925
          ],
          "hex": "#e7e8ec"
        },
        "$type": "color",
        "$description": "Chrome White"
      },
      "electric-blue": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.137,
            0.416,
            0.953
          ],
          "hex": "#236af3"
        },
        "$type": "color",
        "$description": "Electric Blue"
      },
      "neon-magenta": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.902,
            0.118,
            0.733
          ],
          "hex": "#e61ebb"
        },
        "$type": "color",
        "$description": "Neon Magenta"
      },
      "silver": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.788,
            0.788,
            0.792
          ],
          "hex": "#c9c9ca"
        },
        "$type": "color",
        "$description": "Silver"
      },
      "deep-violet": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.29,
            0.086,
            0.561
          ],
          "hex": "#4a168f"
        },
        "$type": "color",
        "$description": "Deep Violet"
      }
    },
    "semantic": {
      "surface": {
        "$value": "{color.palette.black}",
        "$type": "color",
        "$description": "semantic: surface"
      },
      "text": {
        "$value": "{color.palette.chrome-white}",
        "$type": "color",
        "$description": "semantic: text"
      },
      "primary": {
        "$value": "{color.palette.electric-blue}",
        "$type": "color",
        "$description": "semantic: primary"
      },
      "accent": {
        "$value": "{color.palette.neon-magenta}",
        "$type": "color",
        "$description": "semantic: accent"
      },
      "neutral": {
        "$value": "{color.palette.silver}",
        "$type": "color",
        "$description": "semantic: neutral"
      },
      "muted": {
        "$value": "{color.palette.deep-violet}",
        "$type": "color",
        "$description": "semantic: muted"
      }
    },
    "dark": {
      "primary": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.137,
            0.416,
            0.953
          ],
          "hex": "#236af3"
        },
        "$type": "color",
        "$description": "dark: primary"
      },
      "accent": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.902,
            0.118,
            0.733
          ],
          "hex": "#e61ebb"
        },
        "$type": "color",
        "$description": "dark: accent"
      },
      "neutral": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09,
            0.094,
            0.106
          ],
          "hex": "#17181b"
        },
        "$type": "color",
        "$description": "dark: neutral"
      },
      "surface": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.012,
            0.016,
            0.027
          ],
          "hex": "#030407"
        },
        "$type": "color",
        "$description": "dark: surface"
      },
      "text": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.906,
            0.91,
            0.925
          ],
          "hex": "#e7e8ec"
        },
        "$type": "color",
        "$description": "dark: text"
      },
      "muted": {
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.573,
            0.451,
            0.737
          ],
          "hex": "#9273bc"
        },
        "$type": "color",
        "$description": "dark: muted"
      }
    }
  },
  "gradient": {
    "brand": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#C9C9CA",
          "position": 0
        },
        {
          "color": "#236AF3",
          "position": 0.3
        },
        {
          "color": "#E61EBB",
          "position": 0.55
        },
        {
          "color": "#4A168F",
          "position": 0.8
        },
        {
          "color": "#C9C9CA",
          "position": 1
        }
      ],
      "$description": "brand gradient — conic 90deg",
      "angle": 90,
      "position": "50% 50%",
      "gradientType": "conic",
      "css": "conic-gradient(from 90deg at 50% 50%, #C9C9CA 0%, #236AF3 30%, #E61EBB 55%, #4A168F 80%, #C9C9CA 100%)"
    }
  },
  "font": {
    "heading": {
      "$value": "PP Neue Machina",
      "$type": "fontFamily",
      "family": "PP Neue Machina",
      "source": "custom"
    },
    "body": {
      "$value": "Geist",
      "$type": "fontFamily",
      "family": "Geist",
      "source": "google",
      "importUrl": "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap"
    }
  },
  "typography": {
    "display": {
      "fontSize": {
        "$value": "2.441rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 700,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.1,
        "$type": "number"
      }
    },
    "h1": {
      "fontSize": {
        "$value": "1.953rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 700,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.15,
        "$type": "number"
      }
    },
    "h2": {
      "fontSize": {
        "$value": "1.563rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 600,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.2,
        "$type": "number"
      }
    },
    "h3": {
      "fontSize": {
        "$value": "1.25rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 600,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.3,
        "$type": "number"
      }
    },
    "body": {
      "fontSize": {
        "$value": "1rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 400,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.5,
        "$type": "number"
      }
    },
    "caption": {
      "fontSize": {
        "$value": "0.8rem",
        "$type": "dimension"
      },
      "fontWeight": {
        "$value": 400,
        "$type": "fontWeight"
      },
      "lineHeight": {
        "$value": 1.45,
        "$type": "number"
      }
    }
  },
  "spacing": {
    "xs": {
      "$value": "4px",
      "$type": "dimension"
    },
    "sm": {
      "$value": "8px",
      "$type": "dimension"
    },
    "md": {
      "$value": "16px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension"
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension"
    },
    "2xl": {
      "$value": "48px",
      "$type": "dimension"
    },
    "3xl": {
      "$value": "64px",
      "$type": "dimension"
    }
  },
  "radius": {
    "sm": {
      "$value": "4px",
      "$type": "dimension"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "16px",
      "$type": "dimension"
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension"
    }
  },
  "shadow": {
    "sm": {
      "$value": "0 1px 2px rgba(0,0,0,0.06)",
      "$type": "shadow"
    },
    "md": {
      "$value": "0 4px 12px rgba(0,0,0,0.10)",
      "$type": "shadow"
    },
    "lg": {
      "$value": "0 12px 32px rgba(0,0,0,0.16)",
      "$type": "shadow"
    }
  },
  "brand": {
    "name": {
      "$value": "Mercura",
      "$type": "string"
    },
    "voice": {
      "$value": "Polished minimalism · Future-literate · Curated intensity · Quiet authority · Sensory sophistication",
      "$type": "string"
    }
  },
  "contrast": [
    {
      "pair": "text-on-surface",
      "foreground": "#E7E8EC",
      "background": "#030407",
      "ratio": 16.74,
      "AA": true,
      "AALarge": true,
      "AAA": true,
      "passAA": true
    },
    {
      "pair": "text-on-neutral",
      "foreground": "#E7E8EC",
      "background": "#C9C9CA",
      "ratio": 1.35,
      "AA": false,
      "AALarge": false,
      "AAA": false,
      "passAA": false
    },
    {
      "pair": "black-on-primary",
      "foreground": "#000000",
      "background": "#236AF3",
      "ratio": 4.43,
      "AA": false,
      "AALarge": true,
      "AAA": false,
      "passAA": false
    },
    {
      "pair": "white-on-primary",
      "foreground": "#FFFFFF",
      "background": "#236AF3",
      "ratio": 4.74,
      "AA": true,
      "AALarge": true,
      "AAA": false,
      "passAA": true
    }
  ],
  "contrastDark": [
    {
      "pair": "text-on-surface",
      "foreground": "#E7E8EC",
      "background": "#030407",
      "ratio": 16.74,
      "AA": true,
      "AALarge": true,
      "AAA": true,
      "passAA": true
    },
    {
      "pair": "text-on-neutral",
      "foreground": "#E7E8EC",
      "background": "#17181b",
      "ratio": 14.5,
      "AA": true,
      "AALarge": true,
      "AAA": true,
      "passAA": true
    },
    {
      "pair": "black-on-primary",
      "foreground": "#000000",
      "background": "#236AF3",
      "ratio": 4.43,
      "AA": false,
      "AALarge": true,
      "AAA": false,
      "passAA": false
    },
    {
      "pair": "white-on-primary",
      "foreground": "#FFFFFF",
      "background": "#236AF3",
      "ratio": 4.74,
      "AA": true,
      "AALarge": true,
      "AAA": false,
      "passAA": true
    }
  ]
}
