{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "Contega design tokens",
    "version": "1.3.0",
    "status": "working",
    "direction": "Modern Shield",
    "source": "Contega Brand Revisions V3 (22 September 2026) and Vanessa's V1 brand elements (September 2026)",
    "note": "Values match the Contega design system (@contega/tokens, full set at /design-system/). 1.2.0: Dark Charcoal is #2C2D2C. 1.3.0: palette groups the colours into a primary palette (start here) and an extended palette of supporting tones."
  },
  "color": {
    "accent": {
      "coral": {
        "$type": "color",
        "$value": "#FF5A4F"
      }
    },
    "brand": {
      "clay": {
        "$type": "color",
        "$value": "#C89578"
      },
      "brick": {
        "$type": "color",
        "$value": "#803A14"
      }
    },
    "blueGrey": {
      "lightSilver": {
        "$type": "color",
        "$value": "#F6F8F8"
      },
      "midSilver": {
        "$type": "color",
        "$value": "#E8EDEF"
      },
      "silver": {
        "$type": "color",
        "$value": "#BAC5CC"
      },
      "blueGrey": {
        "$type": "color",
        "$value": "#9DA7B8"
      },
      "steel": {
        "$type": "color",
        "$value": "#4B5F6C"
      },
      "darkSteel": {
        "$type": "color",
        "$value": "#3E515D"
      }
    },
    "greenGrey": {
      "stone": {
        "$type": "color",
        "$value": "#BCB9B0"
      },
      "midOlive": {
        "$type": "color",
        "$value": "#939389"
      },
      "olive": {
        "$type": "color",
        "$value": "#686B61"
      },
      "teal": {
        "$type": "color",
        "$value": "#344244"
      },
      "darkTeal": {
        "$type": "color",
        "$value": "#212B2D"
      }
    },
    "brownGrey": {
      "coffee": {
        "$type": "color",
        "$value": "#46453F"
      },
      "warmCharcoal": {
        "$type": "color",
        "$value": "#30312F"
      },
      "darkCharcoal": {
        "$type": "color",
        "$value": "#2C2D2C"
      }
    },
    "base": {
      "white": {
        "$type": "color",
        "$value": "#FFFFFF"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Manuale",
        "Georgia",
        "serif"
      ]
    },
    "utility": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "Arial",
        "sans-serif"
      ]
    },
    "displayLight": {
      "$type": "fontWeight",
      "$value": 300
    },
    "displayMedium": {
      "$type": "fontWeight",
      "$value": 500
    },
    "utilityRegular": {
      "$type": "fontWeight",
      "$value": 400
    },
    "utilityBold": {
      "$type": "fontWeight",
      "$value": 700
    }
  },
  "space": {
    "1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px"
    },
    "8": {
      "$type": "dimension",
      "$value": "32px"
    },
    "12": {
      "$type": "dimension",
      "$value": "48px"
    },
    "16": {
      "$type": "dimension",
      "$value": "64px"
    },
    "24": {
      "$type": "dimension",
      "$value": "96px"
    },
    "32": {
      "$type": "dimension",
      "$value": "128px"
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": "0px"
    },
    "control": {
      "$type": "dimension",
      "$value": "12px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "base": {
      "$type": "duration",
      "$value": "240ms"
    },
    "slow": {
      "$type": "duration",
      "$value": "320ms"
    }
  },
  "palette": {
    "$description": "Palette hierarchy (D-52). Start from primary; use extended tones after the primary palette is in place.",
    "primary": {
      "clay": {
        "$type": "color",
        "$value": "{color.brand.clay}",
        "$description": "Brand and logo colour. Decorative and large display on light."
      },
      "brick": {
        "$type": "color",
        "$value": "{color.brand.brick}",
        "$description": "Depth and warmth; small warm text on light."
      },
      "coral": {
        "$type": "color",
        "$value": "{color.accent.coral}",
        "$description": "The single accent. Punctuates; never small text on light."
      },
      "darkCharcoal": {
        "$type": "color",
        "$value": "{color.brownGrey.darkCharcoal}",
        "$description": "Dark canvas."
      },
      "lightSilver": {
        "$type": "color",
        "$value": "{color.blueGrey.lightSilver}",
        "$description": "Light canvas."
      }
    },
    "extended": {
      "blueGrey": {
        "midSilver": {
          "$type": "color",
          "$value": "{color.blueGrey.midSilver}"
        },
        "silver": {
          "$type": "color",
          "$value": "{color.blueGrey.silver}"
        },
        "blueGrey": {
          "$type": "color",
          "$value": "{color.blueGrey.blueGrey}"
        },
        "steel": {
          "$type": "color",
          "$value": "{color.blueGrey.steel}"
        },
        "darkSteel": {
          "$type": "color",
          "$value": "{color.blueGrey.darkSteel}"
        }
      },
      "greenGrey": {
        "stone": {
          "$type": "color",
          "$value": "{color.greenGrey.stone}"
        },
        "midOlive": {
          "$type": "color",
          "$value": "{color.greenGrey.midOlive}"
        },
        "olive": {
          "$type": "color",
          "$value": "{color.greenGrey.olive}"
        },
        "teal": {
          "$type": "color",
          "$value": "{color.greenGrey.teal}"
        },
        "darkTeal": {
          "$type": "color",
          "$value": "{color.greenGrey.darkTeal}"
        }
      },
      "brownGrey": {
        "warmCharcoal": {
          "$type": "color",
          "$value": "{color.brownGrey.warmCharcoal}"
        },
        "coffee": {
          "$type": "color",
          "$value": "{color.brownGrey.coffee}"
        }
      }
    }
  }
}