{
  "colors": [
    {
      "id": "blaze-orange",
      "name": "Blaze Orange",
      "hex": "#FC6105",
      "rgb": [
        252,
        97,
        5
      ],
      "group": "primary",
      "role": "The primary brand colour. Backgrounds, the logomark, headers and key brand moments."
    },
    {
      "id": "amber",
      "name": "Amber",
      "hex": "#F99501",
      "rgb": [
        249,
        149,
        1
      ],
      "group": "primary",
      "role": "Secondary. Adds light and gradient depth without stealing focus."
    },
    {
      "id": "coral-red",
      "name": "Coral Red",
      "hex": "#ED3137",
      "rgb": [
        237,
        49,
        55
      ],
      "group": "primary",
      "role": "Accent. Gradient endpoints and moments that need extra heat — never a main background."
    },
    {
      "id": "deep-maroon",
      "name": "Deep Maroon",
      "hex": "#2F0101",
      "rgb": [
        47,
        1,
        1
      ],
      "group": "primary",
      "role": "Dark neutral. Our black is never pure black — dark backgrounds, text on light."
    },
    {
      "id": "stone-gray",
      "name": "Stone Gray",
      "hex": "#747273",
      "rgb": [
        116,
        114,
        115
      ],
      "group": "primary",
      "role": "Neutral support. Secondary text, captions and labels."
    },
    {
      "id": "canvas-cream",
      "name": "Canvas Cream",
      "hex": "#FBF5EE",
      "rgb": [
        251,
        245,
        238
      ],
      "group": "secondary",
      "role": "Our warm alternative to pure white — light surfaces, proposals, website sections."
    },
    {
      "id": "studio-black",
      "name": "Studio Black",
      "hex": "#140808",
      "rgb": [
        20,
        8,
        8
      ],
      "group": "secondary",
      "role": "Two steps deeper than Deep Maroon — U3 Originals surfaces and video letterboxing."
    },
    {
      "id": "cinema-magenta",
      "name": "Cinema Magenta",
      "hex": "#D6386E",
      "rgb": [
        214,
        56,
        110
      ],
      "group": "secondary",
      "role": "Gradient endpoint only. Never a solid colour, a background or a text colour."
    },
    {
      "id": "mist-gray",
      "name": "Mist Gray",
      "hex": "#D8D4CF",
      "rgb": [
        216,
        212,
        207
      ],
      "group": "secondary",
      "role": "Dividers, borders, table fills and quiet UI surfaces."
    }
  ],
  "gradient": {
    "css": "linear-gradient(100deg, #F99501 0%, #FC6105 42%, #ED3137 78%, #D6386E 100%)",
    "stops": [
      "#F99501",
      "#FC6105",
      "#ED3137",
      "#D6386E"
    ]
  }
}