{
  "name": "Structural Gap",
  "version": "1.0.0",
  "spec": {
    "colorSpaces": [
      "hex",
      "rgb",
      "hsl",
      "oklch"
    ],
    "contrastTargets": [
      "bg",
      "ink",
      "blue"
    ],
    "contrastStandard": "WCAG 2.1 normal text"
  },
  "palette": {
    "ink": {
      "role": "Primary text, lockup",
      "hex": "#0F172A",
      "rgb": "rgb(15, 23, 42)",
      "hsl": "hsl(222, 47%, 11%)",
      "oklch": "oklch(20.77% 0.0398 265.75)",
      "wcag": {
        "vs-bg": {
          "ratio": 17.23,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 3.45,
          "wcag": "AA-large"
        }
      }
    },
    "blue": {
      "role": "Accent, gap rectangle, links",
      "hex": "#2563EB",
      "rgb": "rgb(37, 99, 235)",
      "hsl": "hsl(221, 83%, 53%)",
      "oklch": "oklch(54.61% 0.2152 262.88)",
      "wcag": {
        "vs-bg": {
          "ratio": 4.99,
          "wcag": "AA"
        },
        "vs-ink": {
          "ratio": 3.45,
          "wcag": "AA-large"
        }
      }
    },
    "blue-deep": {
      "role": "Hover, headlines on accent",
      "hex": "#1D4ED8",
      "rgb": "rgb(29, 78, 216)",
      "hsl": "hsl(224, 76%, 48%)",
      "oklch": "oklch(48.82% 0.2172 264.38)",
      "wcag": {
        "vs-bg": {
          "ratio": 6.47,
          "wcag": "AA"
        },
        "vs-ink": {
          "ratio": 2.66,
          "wcag": "fail"
        },
        "vs-blue": {
          "ratio": 1.3,
          "wcag": "fail"
        }
      }
    },
    "blue-bright": {
      "role": "Brighter blue for emphasis",
      "hex": "#3B82F6",
      "rgb": "rgb(59, 130, 246)",
      "hsl": "hsl(217, 91%, 60%)",
      "oklch": "oklch(62.31% 0.188 259.81)",
      "wcag": {
        "vs-bg": {
          "ratio": 3.55,
          "wcag": "AA-large"
        },
        "vs-ink": {
          "ratio": 4.85,
          "wcag": "AA"
        },
        "vs-blue": {
          "ratio": 1.41,
          "wcag": "fail"
        }
      }
    },
    "blue-pale": {
      "role": "Tinted backgrounds, callouts",
      "hex": "#DBEAFE",
      "rgb": "rgb(219, 234, 254)",
      "hsl": "hsl(214, 95%, 93%)",
      "oklch": "oklch(93.19% 0.0316 255.59)",
      "wcag": {
        "vs-bg": {
          "ratio": 1.18,
          "wcag": "fail"
        },
        "vs-ink": {
          "ratio": 14.63,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 4.24,
          "wcag": "AA-large"
        }
      }
    },
    "bg": {
      "role": "Off-white background",
      "hex": "#FAFBFC",
      "rgb": "rgb(250, 251, 252)",
      "hsl": "hsl(210, 25%, 98%)",
      "oklch": "oklch(98.76% 0.0017 247.84)",
      "wcag": {
        "vs-ink": {
          "ratio": 17.23,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 4.99,
          "wcag": "AA"
        }
      }
    },
    "surface-1": {
      "role": "Card surface",
      "hex": "#FFFFFF",
      "rgb": "rgb(255, 255, 255)",
      "hsl": "hsl(0, 0%, 100%)",
      "oklch": "oklch(100% 0 89.88)",
      "wcag": {
        "vs-bg": {
          "ratio": 1.04,
          "wcag": "fail"
        },
        "vs-ink": {
          "ratio": 17.85,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 5.17,
          "wcag": "AA"
        }
      }
    },
    "surface-2": {
      "role": "Subtle panel surface",
      "hex": "#F3F4F6",
      "rgb": "rgb(243, 244, 246)",
      "hsl": "hsl(220, 14%, 96%)",
      "oklch": "oklch(96.7% 0.0029 264.54)",
      "wcag": {
        "vs-bg": {
          "ratio": 1.06,
          "wcag": "fail"
        },
        "vs-ink": {
          "ratio": 16.22,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 4.7,
          "wcag": "AA"
        }
      }
    },
    "surface-3": {
      "role": "Inset panel surface",
      "hex": "#E8EBF0",
      "rgb": "rgb(232, 235, 240)",
      "hsl": "hsl(218, 21%, 93%)",
      "oklch": "oklch(93.92% 0.0075 260.73)",
      "wcag": {
        "vs-bg": {
          "ratio": 1.15,
          "wcag": "fail"
        },
        "vs-ink": {
          "ratio": 14.94,
          "wcag": "AAA"
        },
        "vs-blue": {
          "ratio": 4.33,
          "wcag": "AA-large"
        }
      }
    },
    "slate": {
      "role": "Eyebrows, metadata",
      "hex": "#64748B",
      "rgb": "rgb(100, 116, 139)",
      "hsl": "hsl(215, 16%, 47%)",
      "oklch": "oklch(55.44% 0.0407 257.42)",
      "wcag": {
        "vs-bg": {
          "ratio": 4.59,
          "wcag": "AA"
        },
        "vs-ink": {
          "ratio": 3.75,
          "wcag": "AA-large"
        },
        "vs-blue": {
          "ratio": 1.09,
          "wcag": "fail"
        }
      }
    }
  }
}