{
  "color": {
    "bg": {
      "base": {
        "value": "#eceff4",
        "type": "color",
        "description": "The page behind everything"
      },
      "surface": {
        "value": "#e5e9f0",
        "type": "color",
        "description": "Bands and side panels"
      },
      "subtle": {
        "value": "#d8dee9",
        "type": "color",
        "description": "Wells, tracks and quiet fills"
      },
      "raised": {
        "value": "#f2f4f8",
        "type": "color",
        "description": "Cards, rows and sheets"
      },
      "hover": {
        "value": "#dfe4ec",
        "type": "color",
        "description": "A control under the pointer or finger"
      },
      "input": {
        "value": "#e8ecf2",
        "type": "color",
        "description": "Text fields"
      }
    },
    "text": {
      "primary": {
        "value": "#2e3440",
        "type": "color",
        "description": "Body text and titles"
      },
      "secondary": {
        "value": "#434c5e",
        "type": "color",
        "description": "Supporting text"
      },
      "muted": {
        "value": "#4c566a",
        "type": "color",
        "description": "Hints and meta lines"
      }
    },
    "accent": {
      "base": {
        "value": "#476283",
        "type": "color",
        "description": "Links, icons, focus rings"
      },
      "light": {
        "value": "#506478",
        "type": "color",
        "description": "The accent a step lighter"
      },
      "dark": {
        "value": "#4c6a91",
        "type": "color",
        "description": "The accent a step darker"
      },
      "strong": {
        "value": "#476283",
        "type": "color",
        "description": "Filled buttons"
      },
      "on": {
        "value": "#ffffff",
        "type": "color",
        "description": "Text on the accent"
      },
      "onStrong": {
        "value": "#ffffff",
        "type": "color",
        "description": "Text on a filled button"
      },
      "glow": {
        "value": "rgba(71,98,131,0.35)",
        "type": "color",
        "description": "Glows and halos"
      }
    },
    "line": {
      "base": {
        "value": "#d0d7e2",
        "type": "color",
        "description": "Dividers and outlines"
      },
      "strong": {
        "value": "#c2cad8",
        "type": "color",
        "description": "Outlines that must show"
      }
    },
    "status": {
      "ok": {
        "base": {
          "value": "#22c55e",
          "type": "color",
          "description": "Success fills"
        },
        "text": {
          "value": "#136e35",
          "type": "color",
          "description": "Success text on any surface"
        }
      },
      "warn": {
        "base": {
          "value": "#f59e0b",
          "type": "color",
          "description": "Warning fills"
        },
        "text": {
          "value": "#845506",
          "type": "color",
          "description": "Warning text on any surface"
        }
      },
      "bad": {
        "base": {
          "value": "#ef4444",
          "type": "color",
          "description": "Danger fills"
        },
        "text": {
          "value": "#b13232",
          "type": "color",
          "description": "Danger text on any surface"
        }
      },
      "info": {
        "base": {
          "value": "#38bdf8",
          "type": "color",
          "description": "Information fills"
        },
        "text": {
          "value": "#1e6686",
          "type": "color",
          "description": "Information text on any surface"
        }
      },
      "live": {
        "base": {
          "value": "#ef4444",
          "type": "color",
          "description": "LIVE badges"
        },
        "text": {
          "value": "#b13232",
          "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"
    }
  }
}
