{
  "color": {
    "bg": {
      "base": {
        "value": "#2e3440",
        "type": "color",
        "description": "The page behind everything"
      },
      "surface": {
        "value": "#272c36",
        "type": "color",
        "description": "Bands and side panels"
      },
      "subtle": {
        "value": "#3b4252",
        "type": "color",
        "description": "Wells, tracks and quiet fills"
      },
      "raised": {
        "value": "#333a48",
        "type": "color",
        "description": "Cards, rows and sheets"
      },
      "hover": {
        "value": "#434c5e",
        "type": "color",
        "description": "A control under the pointer or finger"
      },
      "input": {
        "value": "#2a303c",
        "type": "color",
        "description": "Text fields"
      }
    },
    "text": {
      "primary": {
        "value": "#eceff4",
        "type": "color",
        "description": "Body text and titles"
      },
      "secondary": {
        "value": "#d8dee9",
        "type": "color",
        "description": "Supporting text"
      },
      "muted": {
        "value": "#b5bcca",
        "type": "color",
        "description": "Hints and meta lines"
      }
    },
    "accent": {
      "base": {
        "value": "#88c0d0",
        "type": "color",
        "description": "Links, icons, focus rings"
      },
      "light": {
        "value": "#8fbcbb",
        "type": "color",
        "description": "The accent a step lighter"
      },
      "dark": {
        "value": "#5e81ac",
        "type": "color",
        "description": "The accent a step darker"
      },
      "strong": {
        "value": "#88c0d0",
        "type": "color",
        "description": "Filled buttons"
      },
      "on": {
        "value": "#0b0d10",
        "type": "color",
        "description": "Text on the accent"
      },
      "onStrong": {
        "value": "#0b0d10",
        "type": "color",
        "description": "Text on a filled button"
      },
      "glow": {
        "value": "rgba(136,192,208,0.35)",
        "type": "color",
        "description": "Glows and halos"
      }
    },
    "line": {
      "base": {
        "value": "#3b4252",
        "type": "color",
        "description": "Dividers and outlines"
      },
      "strong": {
        "value": "#4c566a",
        "type": "color",
        "description": "Outlines that must show"
      }
    },
    "status": {
      "ok": {
        "base": {
          "value": "#a3be8c",
          "type": "color",
          "description": "Success fills"
        },
        "text": {
          "value": "#acc598",
          "type": "color",
          "description": "Success text on any surface"
        }
      },
      "warn": {
        "base": {
          "value": "#ebcb8b",
          "type": "color",
          "description": "Warning fills"
        },
        "text": {
          "value": "#ebcb8b",
          "type": "color",
          "description": "Warning text on any surface"
        }
      },
      "bad": {
        "base": {
          "value": "#bf616a",
          "type": "color",
          "description": "Danger fills"
        },
        "text": {
          "value": "#dfb0b5",
          "type": "color",
          "description": "Danger text on any surface"
        }
      },
      "info": {
        "base": {
          "value": "#81a1c1",
          "type": "color",
          "description": "Information fills"
        },
        "text": {
          "value": "#a9bfd5",
          "type": "color",
          "description": "Information text on any surface"
        }
      },
      "live": {
        "base": {
          "value": "#ef4444",
          "type": "color",
          "description": "LIVE badges"
        },
        "text": {
          "value": "#f8a9a9",
          "type": "color",
          "description": "LIVE text on any surface"
        }
      }
    }
  },
  "motion": {
    "duration": {
      "1": {
        "value": "120ms",
        "type": "duration",
        "description": "A quick answer"
      },
      "2": {
        "value": "200ms",
        "type": "duration",
        "description": "A change of state"
      },
      "3": {
        "value": "320ms",
        "type": "duration",
        "description": "A lift or a glow"
      },
      "4": {
        "value": "520ms",
        "type": "duration",
        "description": "The slow way back"
      }
    },
    "easing": {
      "out": {
        "value": [
          0.2,
          0.8,
          0.2,
          1
        ],
        "type": "cubicBezier",
        "description": "Leaves fast, settles slow"
      },
      "spring": {
        "value": [
          0.34,
          1.56,
          0.64,
          1
        ],
        "type": "cubicBezier",
        "description": "Overshoots, then comes back"
      },
      "in-out": {
        "value": [
          0.65,
          0,
          0.35,
          1
        ],
        "type": "cubicBezier",
        "description": "Even on both sides"
      }
    }
  },
  "shape": {
    "radius": {
      "1": {
        "value": "4px",
        "type": "dimension",
        "description": "Small things: chips, inputs, rows"
      },
      "2": {
        "value": "6px",
        "type": "dimension",
        "description": "Cards, sections, panels"
      },
      "3": {
        "value": "10px",
        "type": "dimension",
        "description": "Sheets, dialogs, big surfaces"
      }
    }
  },
  "brand": {
    "o": {
      "value": "#4f7cff",
      "type": "color",
      "description": "The mark's O"
    },
    "v": {
      "value": "#8b5cf6",
      "type": "color",
      "description": "The mark's V"
    }
  }
}