{
  "brand": "vAPI",
  "source": "@vapi/design-tokens/tokens.css",
  "swatches": [
    {
      "token": "--vapi-color-white",
      "name": "Paper",
      "group": "Core",
      "hex": "#ffffff",
      "rgb": {
        "r": 255,
        "g": 255,
        "b": 255
      },
      "role": "Light background and product surfaces."
    },
    {
      "token": "--vapi-color-black",
      "name": "Ink",
      "group": "Core",
      "hex": "#111111",
      "rgb": {
        "r": 17,
        "g": 17,
        "b": 17
      },
      "role": "Text, hairline borders, the default mark ink."
    },
    {
      "token": "--vapi-color-off-white",
      "name": "Off-white",
      "group": "Core",
      "hex": "#fafafa",
      "rgb": {
        "r": 250,
        "g": 250,
        "b": 250
      },
      "role": "Text and mark ink on dark backgrounds."
    },
    {
      "token": "--vapi-color-line",
      "name": "Hairline",
      "group": "Core",
      "hex": "#e5e5e5",
      "rgb": {
        "r": 229,
        "g": 229,
        "b": 229
      },
      "darkHex": "#2b2b2b",
      "role": "1px dividers and grid lines on light."
    },
    {
      "token": "--vapi-color-fg-dim",
      "name": "Dim text",
      "group": "Core",
      "hex": "#555555",
      "rgb": {
        "r": 85,
        "g": 85,
        "b": 85
      },
      "darkHex": "#b0b0ab",
      "role": "Secondary copy at 4.5:1 or better."
    },
    {
      "token": "--vapi-color-orange",
      "name": "Rail orange",
      "group": "Accents",
      "hex": "#ff7300",
      "rgb": {
        "r": 255,
        "g": 115,
        "b": 0
      },
      "role": "The payment rail, corner blocks, signals, underlines. Never a button fill or a large surface."
    },
    {
      "token": "--vapi-color-blue",
      "name": "Base blue",
      "group": "Accents",
      "hex": "#0041eb",
      "rgb": {
        "r": 0,
        "g": 65,
        "b": 235
      },
      "role": "Links, secondary actions, and the few deliberate contrast squares in a pixel field."
    },
    {
      "token": "--vapi-color-pink",
      "name": "Pink",
      "group": "Accents",
      "hex": "#ff337c",
      "rgb": {
        "r": 255,
        "g": 51,
        "b": 124
      },
      "role": "Mark accent and warnings."
    },
    {
      "token": "--vapi-color-lime",
      "name": "Lime",
      "group": "Accents",
      "hex": "#c3ff3d",
      "rgb": {
        "r": 195,
        "g": 255,
        "b": 61
      },
      "role": "Live, success, and settled states."
    },
    {
      "token": "--vapi-color-cyan",
      "name": "Cyan",
      "group": "Accents",
      "hex": "#97efff",
      "rgb": {
        "r": 151,
        "g": 239,
        "b": 255
      },
      "role": "Mark accent and info."
    },
    {
      "token": "--vapi-color-purple",
      "name": "Purple",
      "group": "Accents",
      "hex": "#8a37fb",
      "rgb": {
        "r": 138,
        "g": 55,
        "b": 251
      },
      "role": "Mark accent."
    },
    {
      "token": "--vapi-color-orange-text",
      "name": "Orange text",
      "group": "Text-safe accents",
      "hex": "#9a3d00",
      "rgb": {
        "r": 154,
        "g": 61,
        "b": 0
      },
      "darkHex": "#ff7300",
      "role": "Orange copy on light."
    },
    {
      "token": "--vapi-color-lime-text",
      "name": "Lime text",
      "group": "Text-safe accents",
      "hex": "#4f6f00",
      "rgb": {
        "r": 79,
        "g": 111,
        "b": 0
      },
      "darkHex": "#c3ff3d",
      "role": "Success copy on light."
    },
    {
      "token": "--vapi-color-cyan-text",
      "name": "Cyan text",
      "group": "Text-safe accents",
      "hex": "#006078",
      "rgb": {
        "r": 0,
        "g": 96,
        "b": 120
      },
      "darkHex": "#97efff",
      "role": "Info copy on light."
    },
    {
      "token": "--vapi-color-pink-text",
      "name": "Pink text",
      "group": "Text-safe accents",
      "hex": "#b00043",
      "rgb": {
        "r": 176,
        "g": 0,
        "b": 67
      },
      "darkHex": "#ff337c",
      "role": "Warning copy on light."
    },
    {
      "token": "--vapi-color-purple-text",
      "name": "Purple text",
      "group": "Text-safe accents",
      "hex": "#5f1fb0",
      "rgb": {
        "r": 95,
        "g": 31,
        "b": 176
      },
      "darkHex": "#8a37fb",
      "role": "Purple copy on light."
    },
    {
      "token": "--vapi-color-editorial-paper",
      "name": "Editorial paper",
      "group": "Editorial",
      "hex": "#f7f1e2",
      "rgb": {
        "r": 247,
        "g": 241,
        "b": 226
      },
      "darkHex": "#111111",
      "role": "Warm ground behind illustrations."
    },
    {
      "token": "--vapi-color-campaign-warm",
      "name": "Sand",
      "group": "Editorial",
      "hex": "#bca476",
      "rgb": {
        "r": 188,
        "g": 164,
        "b": 118
      },
      "darkHex": "#6f6044",
      "role": "Stone tones in pixel fields."
    }
  ]
}