{
  "version": "1.0.0",
  "color": {
    "blue": {
      "value": "#0E6BB1",
      "name": "NASPA Blue",
      "tier": "primary",
      "pms": "293 C",
      "cmyk": "90, 57, 2, 0",
      "text": "white",
      "cssVar": "--naspa-blue"
    },
    "green": {
      "value": "#007960",
      "name": "NASPA Green",
      "tier": "primary",
      "pms": "335 C",
      "cmyk": "100, 27, 73, 13",
      "text": "white",
      "cssVar": "--naspa-green"
    },
    "navy": {
      "value": "#043352",
      "name": "Navy",
      "tier": "supporting",
      "cmyk": "100, 79, 43, 37",
      "text": "white",
      "cssVar": "--naspa-navy"
    },
    "cyan": {
      "value": "#00B3F0",
      "name": "Cyan",
      "tier": "accent",
      "cmyk": "90, 0, 0, 0",
      "text": "navy",
      "cssVar": "--naspa-cyan"
    },
    "emerald": {
      "value": "#34B879",
      "name": "Emerald",
      "tier": "accent",
      "cmyk": "73, 0, 72, 0",
      "text": "navy",
      "cssVar": "--naspa-emerald"
    },
    "mint": {
      "value": "#BAF5DC",
      "name": "Mint",
      "tier": "accent",
      "cmyk": "25, 0, 20, 0",
      "text": "navy",
      "cssVar": "--naspa-mint"
    },
    "white": {
      "value": "#FFFFFF",
      "name": "White",
      "tier": "neutral",
      "cmyk": "0, 0, 0, 0",
      "text": "navy",
      "cssVar": "--naspa-white"
    },
    "cloud": {
      "value": "#F6F6F6",
      "name": "Cloud",
      "tier": "neutral",
      "cmyk": "0, 0, 0, 4",
      "text": "navy",
      "cssVar": "--naspa-cloud"
    },
    "mist": {
      "value": "#E8EEF4",
      "name": "Mist",
      "tier": "neutral",
      "cmyk": "5, 2, 0, 4",
      "text": "navy",
      "cssVar": "--naspa-mist"
    },
    "slate": {
      "value": "#4A6A84",
      "name": "Slate",
      "tier": "neutral",
      "cmyk": "44, 20, 0, 48",
      "text": "white",
      "cssVar": "--naspa-slate"
    },
    "ink": {
      "value": "#1F2D36",
      "name": "Ink",
      "tier": "neutral",
      "cmyk": "43, 17, 0, 79",
      "text": "white",
      "cssVar": "--naspa-ink"
    }
  },
  "gradient": {
    "navy-blue-to-naspa-blue": {
      "angle": 135,
      "stops": [
        "navy",
        "blue"
      ],
      "colors": [
        "#043352",
        "#0E6BB1"
      ],
      "cssVar": "--gradient-navy-blue-to-naspa-blue"
    },
    "emerald-to-mint-to-white": {
      "angle": 135,
      "stops": [
        "emerald",
        "mint",
        "white"
      ],
      "colors": [
        "#34B879",
        "#BAF5DC",
        "#FFFFFF"
      ],
      "cssVar": "--gradient-emerald-to-mint-to-white"
    },
    "naspa-green-to-emerald": {
      "angle": 135,
      "stops": [
        "green",
        "emerald"
      ],
      "colors": [
        "#007960",
        "#34B879"
      ],
      "cssVar": "--gradient-naspa-green-to-emerald"
    },
    "naspa-blue-to-cyan": {
      "angle": 135,
      "stops": [
        "blue",
        "cyan"
      ],
      "colors": [
        "#0E6BB1",
        "#00B3F0"
      ],
      "cssVar": "--gradient-naspa-blue-to-cyan"
    },
    "navy-blue-to-naspa-green": {
      "angle": 135,
      "stops": [
        "navy",
        "green"
      ],
      "colors": [
        "#043352",
        "#007960"
      ],
      "cssVar": "--gradient-navy-blue-to-naspa-green"
    }
  },
  "type": {
    "family": "'Open Sans', sans-serif",
    "regular": 400,
    "semibold": 600,
    "bold": 700,
    "extrabold": 800
  },
  "spacing": {
    "8": "8px",
    "16": "16px",
    "24": "24px",
    "32": "32px"
  },
  "radius": {
    "square": "0px",
    "fallback": "5px"
  },
  "semantic": {
    "text-heading": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-heading"
    },
    "text-body": {
      "color": "ink",
      "value": "#1F2D36",
      "cssVar": "--text-body"
    },
    "text-secondary": {
      "color": "slate",
      "value": "#4A6A84",
      "cssVar": "--text-secondary"
    },
    "text-on-naspa-blue": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--text-on-naspa-blue"
    },
    "text-on-naspa-green": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--text-on-naspa-green"
    },
    "text-on-navy": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--text-on-navy"
    },
    "text-on-cyan": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-cyan"
    },
    "text-on-emerald": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-emerald"
    },
    "text-on-mint": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-mint"
    },
    "text-on-white": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-white"
    },
    "text-on-cloud": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-cloud"
    },
    "text-on-mist": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--text-on-mist"
    },
    "text-on-slate": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--text-on-slate"
    },
    "text-on-ink": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--text-on-ink"
    },
    "surface-page": {
      "color": "cloud",
      "value": "#F6F6F6",
      "cssVar": "--surface-page"
    },
    "surface-card": {
      "color": "white",
      "value": "#FFFFFF",
      "cssVar": "--surface-card"
    },
    "surface-subtle": {
      "color": "mist",
      "value": "#E8EEF4",
      "cssVar": "--surface-subtle"
    },
    "surface-inverse": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--surface-inverse"
    },
    "action-primary": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--action-primary"
    },
    "action-link": {
      "color": "blue",
      "value": "#0E6BB1",
      "cssVar": "--action-link"
    },
    "action-hover": {
      "color": "blue",
      "value": "#0E6BB1",
      "cssVar": "--action-hover"
    },
    "focus-ring": {
      "color": "blue",
      "value": "#0E6BB1",
      "cssVar": "--focus-ring"
    },
    "chart-series-1": {
      "color": "blue",
      "value": "#0E6BB1",
      "cssVar": "--chart-series-1"
    },
    "chart-series-2": {
      "color": "green",
      "value": "#007960",
      "cssVar": "--chart-series-2"
    },
    "chart-series-3": {
      "color": "navy",
      "value": "#043352",
      "cssVar": "--chart-series-3"
    },
    "chart-series-4": {
      "color": "slate",
      "value": "#4A6A84",
      "cssVar": "--chart-series-4"
    }
  },
  "ui": {
    "border": {
      "value": "#C9D4DE",
      "cssVar": "--naspa-ui-border"
    },
    "border-subtle": {
      "value": "#D9E1E8",
      "cssVar": "--naspa-ui-border-subtle"
    },
    "row-stripe": {
      "value": "#F6F8FA",
      "cssVar": "--naspa-ui-row-stripe"
    },
    "info-bg": {
      "value": "#E8F7FE",
      "cssVar": "--naspa-ui-info-bg"
    },
    "success-bg": {
      "value": "#EAF7F3",
      "cssVar": "--naspa-ui-success-bg"
    },
    "warning-bg": {
      "value": "#FFF7E6",
      "cssVar": "--naspa-ui-warning-bg"
    },
    "warning-border": {
      "value": "#F7A505",
      "cssVar": "--naspa-ui-warning-border"
    },
    "error-bg": {
      "value": "#FFF5F5",
      "cssVar": "--naspa-ui-error-bg"
    },
    "error-border": {
      "value": "#C22121",
      "cssVar": "--naspa-ui-error-border"
    },
    "error-text": {
      "value": "#A43B3B",
      "cssVar": "--naspa-ui-error-text"
    }
  },
  "pairs": [
    {
      "fg": "navy",
      "bg": "white",
      "status": "approved",
      "use": "Body copy on light backgrounds.",
      "ratio": 13.12
    },
    {
      "fg": "white",
      "bg": "blue",
      "status": "approved",
      "use": "Text on a NASPA Blue field.",
      "ratio": 5.59
    },
    {
      "fg": "white",
      "bg": "green",
      "status": "approved",
      "use": "Text on a NASPA Green field.",
      "ratio": 5.38
    },
    {
      "fg": "white",
      "bg": "navy",
      "status": "approved",
      "use": "Primary buttons, with NASPA Blue on hover.",
      "ratio": 13.12
    },
    {
      "fg": "navy",
      "bg": "mint",
      "status": "approved",
      "use": "Text on a Mint field.",
      "ratio": 10.74
    },
    {
      "fg": "navy",
      "bg": "emerald",
      "status": "approved",
      "use": "Text in an Emerald callout or accent field.",
      "ratio": 5.17
    },
    {
      "fg": "emerald",
      "bg": "navy",
      "status": "approved",
      "use": "Accent text or icons on Navy, with a clear text label.",
      "ratio": 5.17
    },
    {
      "fg": "white",
      "bg": "emerald",
      "status": "failing",
      "use": "Use Navy text on Emerald instead.",
      "ratio": 2.54
    },
    {
      "fg": "cyan",
      "bg": "white",
      "status": "failing",
      "use": "Use NASPA Blue or Navy for text on White.",
      "ratio": 2.41
    },
    {
      "fg": "mint",
      "bg": "white",
      "status": "failing",
      "use": "Use Navy text on Mint instead.",
      "ratio": 1.22
    },
    {
      "fg": "blue",
      "bg": "navy",
      "status": "failing",
      "use": "Use White text on Navy instead.",
      "ratio": 2.35
    }
  ]
}