{
  "name": "Lovelace",
  "colors": [
    {
      "name": "Leaf",
      "hex": "#AEE38C",
      "role": "Approachable",
      "use": "Introductions, Ada, and moments of possibility."
    },
    {
      "name": "Emerald",
      "hex": "#14593F",
      "role": "Building",
      "use": "Platform capabilities and the builder story."
    },
    {
      "name": "Forest",
      "hex": "#092E22",
      "role": "Deep detail",
      "use": "Code, infrastructure, and focused demonstrations."
    },
    {
      "name": "Chrome",
      "hex": "#C7E7B6",
      "role": "Shared surface",
      "use": "The continuous page, app bar, sidebar, and footer canvas."
    },
    {
      "name": "Ink",
      "hex": "#123D30",
      "role": "Text and marks",
      "use": "Readable text, symbols, and the primary wordmark."
    },
    {
      "name": "Mist",
      "hex": "#D7EDCD",
      "role": "Reading surface",
      "use": "Bounded groups on the shared green canvas."
    }
  ],
  "pixelGrid": 16,
  "ribbon": {
    "strands": 4,
    "gapRatio": 0.55,
    "minimumInnerRadiusRatio": 4,
    "minimumStraightRatio": 2,
    "minimumClearance": 24,
    "preferredClearance": 32,
    "minimumHeroBand": 6,
    "minimumIllustrationBand": 4,
    "minimumCompactBand": 2,
    "turnAngle": 90
  },
  "edges": {
    "width": "1px",
    "controlRadius": "14px",
    "compactRadius": "12px",
    "surfaceRadius": "20px",
    "highlight": "#efffdf70",
    "shadow": "#123d3020",
    "border": "#416a3848",
    "raised": "inset 0 1px 0 var(--lovelace-edge-highlight), 0 1px 0 var(--lovelace-edge-shadow)",
    "hover": "inset 0 1px 0 var(--lovelace-edge-highlight), 0 2px 0 var(--lovelace-edge-shadow)",
    "impressed": "inset 0 1px 0 var(--lovelace-edge-shadow), 0 1px 0 var(--lovelace-edge-highlight)",
    "pressed": "inset 0 1px 0 var(--lovelace-edge-shadow)",
    "iconCellOffset": 1,
    "iconHighlight": "#edffdc",
    "iconShadow": "#244b2a40"
  },
  "motion": {
    "feedback": "160ms",
    "press": "120ms",
    "disclosure": "240ms",
    "signal": "900ms",
    "easing": "cubic-bezier(0.2, 0, 0, 1)"
  }
}