{
  "color": {
    "bg": {
      "base": {
        "value": "#08111b",
        "type": "color",
        "description": "The page behind everything"
      },
      "surface": {
        "value": "#0d1926",
        "type": "color",
        "description": "Bands and side panels"
      },
      "subtle": {
        "value": "#132334",
        "type": "color",
        "description": "Wells, tracks and quiet fills"
      },
      "raised": {
        "value": "#0f1c2b",
        "type": "color",
        "description": "Cards, rows and sheets"
      },
      "hover": {
        "value": "#18293d",
        "type": "color",
        "description": "A control under the pointer or finger"
      },
      "input": {
        "value": "#0a1520",
        "type": "color",
        "description": "Text fields"
      }
    },
    "text": {
      "primary": {
        "value": "#eaf4fb",
        "type": "color",
        "description": "Body text and titles"
      },
      "secondary": {
        "value": "#a3b9cc",
        "type": "color",
        "description": "Supporting text"
      },
      "muted": {
        "value": "#7f97ad",
        "type": "color",
        "description": "Hints and meta lines"
      }
    },
    "accent": {
      "base": {
        "value": "#2dd4bf",
        "type": "color",
        "description": "Links, icons, focus rings"
      },
      "light": {
        "value": "#7ee8da",
        "type": "color",
        "description": "The accent a step lighter"
      },
      "dark": {
        "value": "#0f9e8c",
        "type": "color",
        "description": "The accent a step darker"
      },
      "strong": {
        "value": "#2dd4bf",
        "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(45,212,191,0.35)",
        "type": "color",
        "description": "Glows and halos"
      }
    },
    "line": {
      "base": {
        "value": "#1b2d41",
        "type": "color",
        "description": "Dividers and outlines"
      },
      "strong": {
        "value": "#294057",
        "type": "color",
        "description": "Outlines that must show"
      }
    },
    "status": {
      "ok": {
        "base": {
          "value": "#4ade80",
          "type": "color",
          "description": "Success fills"
        },
        "text": {
          "value": "#4ade80",
          "type": "color",
          "description": "Success text on any surface"
        }
      },
      "warn": {
        "base": {
          "value": "#fbbf24",
          "type": "color",
          "description": "Warning fills"
        },
        "text": {
          "value": "#fbbf24",
          "type": "color",
          "description": "Warning text on any surface"
        }
      },
      "bad": {
        "base": {
          "value": "#f87171",
          "type": "color",
          "description": "Danger fills"
        },
        "text": {
          "value": "#f87171",
          "type": "color",
          "description": "Danger text on any surface"
        }
      },
      "info": {
        "base": {
          "value": "#93c5fd",
          "type": "color",
          "description": "Information fills"
        },
        "text": {
          "value": "#93c5fd",
          "type": "color",
          "description": "Information text on any surface"
        }
      },
      "live": {
        "base": {
          "value": "#ef4444",
          "type": "color",
          "description": "LIVE badges"
        },
        "text": {
          "value": "#f15e5e",
          "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": "10px",
        "type": "dimension",
        "description": "Small things: chips, inputs, rows"
      },
      "2": {
        "value": "14px",
        "type": "dimension",
        "description": "Cards, sections, panels"
      },
      "3": {
        "value": "20px",
        "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"
    }
  }
}
