{
  "color": {
    "bg": {
      "$type": "color",
      "$value": "#f7f6f8",
      "$extensions": {
        "mode": {
          "dark": "#121116"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff",
      "$extensions": {
        "mode": {
          "dark": "#1b1a20"
        }
      }
    },
    "surface-alt": {
      "$type": "color",
      "$value": "#f8f7f9",
      "$extensions": {
        "mode": {
          "dark": "#242229"
        }
      }
    },
    "surface-hover": {
      "$type": "color",
      "$value": "#f1eff3",
      "$extensions": {
        "mode": {
          "dark": "#2e2b34"
        }
      }
    },
    "ink": {
      "$type": "color",
      "$value": "#1d1c22"
    },
    "text": {
      "$type": "color",
      "$value": "{color.ink}",
      "$extensions": {
        "mode": {
          "dark": "#f4f2f6"
        }
      }
    },
    "text-muted": {
      "$type": "color",
      "$value": "#6e6b76",
      "$extensions": {
        "mode": {
          "dark": "#a7a2ae"
        }
      }
    },
    "text-subtle": {
      "$type": "color",
      "$value": "#8e8797",
      "$extensions": {
        "mode": {
          "dark": "#7e7887"
        }
      }
    },
    "icon": {
      "$type": "color",
      "$value": "#76727c",
      "$extensions": {
        "mode": {
          "dark": "#a7a2ae"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "#f0eef1",
      "$extensions": {
        "mode": {
          "dark": "#2c2a32"
        }
      }
    },
    "border-strong": {
      "$type": "color",
      "$value": "#e9e6eb",
      "$extensions": {
        "mode": {
          "dark": "#39363e"
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "#ed533e",
      "$extensions": {
        "mode": {
          "dark": "#f65d49"
        }
      }
    },
    "accent-hover": {
      "$type": "color",
      "$value": "#d93626",
      "$extensions": {
        "mode": {
          "dark": "#f16a55"
        }
      }
    },
    "accent-soft": {
      "$type": "color",
      "$value": "#fff0ed",
      "$extensions": {
        "mode": {
          "dark": "#3d2729"
        }
      }
    },
    "danger": {
      "$type": "color",
      "$value": "{color.accent}"
    },
    "danger-hover": {
      "$type": "color",
      "$value": "{color.accent-hover}"
    },
    "danger-soft": {
      "$type": "color",
      "$value": "{color.accent-soft}"
    },
    "on-accent": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "focus-ring": {
      "$type": "color",
      "$value": "rgba(237,83,62,.45)"
    },
    "success": {
      "$type": "color",
      "$value": "#2ca67c",
      "$extensions": {
        "mode": {
          "dark": "#61d2a6"
        }
      }
    },
    "success-soft": {
      "$type": "color",
      "$value": "#e8f8f2",
      "$extensions": {
        "mode": {
          "dark": "#17382c"
        }
      }
    },
    "overlay": {
      "$type": "color",
      "$value": "rgba(18,15,22,.53)"
    },
    "chart-primary": {
      "$type": "color",
      "$value": "#ef6c59"
    },
    "goal-text-soft": {
      "$type": "color",
      "$value": "#ffd5ce"
    },
    "goal-button-hover": {
      "$type": "color",
      "$value": "#ffeee9"
    },
    "avatar-bg": {
      "$type": "color",
      "$value": "#ead6c6"
    },
    "avatar-text": {
      "$type": "color",
      "$value": "#5c3530"
    },
    "avatar-1-bg": {
      "$type": "color",
      "$value": "#e4c0ad"
    },
    "avatar-1-text": {
      "$type": "color",
      "$value": "#663d38"
    },
    "avatar-2-bg": {
      "$type": "color",
      "$value": "#d2c4e1"
    },
    "avatar-2-text": {
      "$type": "color",
      "$value": "#514360"
    },
    "avatar-3-bg": {
      "$type": "color",
      "$value": "#c2dfd5"
    },
    "avatar-3-text": {
      "$type": "color",
      "$value": "#3c655a"
    },
    "logo-blue": {
      "$type": "color",
      "$value": "#0530f5"
    },
    "logo-silver": {
      "$type": "color",
      "$value": "#90a8d0"
    },
    "logo-night": {
      "$type": "color",
      "$value": "#0d0f1a"
    }
  },
  "gradient": {
    "goal": {
      "$type": "gradient",
      "$value": "linear-gradient(122deg,#f16a50 0%,#ed4e36 48%,#dc3a28 100%)"
    }
  },
  "font": {
    "ui": {
      "$type": "fontFamily",
      "$value": "\"Instrument Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"DM Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    }
  },
  "radius": {
    "card": {
      "$type": "dimension",
      "$value": "18px"
    },
    "control": {
      "$type": "dimension",
      "$value": "11px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    },
    "tag": {
      "$type": "dimension",
      "$value": "6px"
    },
    "icon": {
      "$type": "dimension",
      "$value": "10px"
    },
    "tile": {
      "$type": "dimension",
      "$value": "14px"
    }
  },
  "space": {
    "layout": {
      "$type": "dimension",
      "$value": "clamp(18px, 1.8vw, 34px)"
    },
    "1": {
      "$type": "dimension",
      "$value": "2px"
    },
    "2": {
      "$type": "dimension",
      "$value": "4px"
    },
    "3": {
      "$type": "dimension",
      "$value": "6px"
    },
    "4": {
      "$type": "dimension",
      "$value": "8px"
    },
    "5": {
      "$type": "dimension",
      "$value": "10px"
    },
    "6": {
      "$type": "dimension",
      "$value": "12px"
    },
    "7": {
      "$type": "dimension",
      "$value": "15px"
    },
    "8": {
      "$type": "dimension",
      "$value": "18px"
    },
    "9": {
      "$type": "dimension",
      "$value": "22px"
    },
    "10": {
      "$type": "dimension",
      "$value": "34px"
    }
  },
  "shadow": {
    "card": {
      "$type": "shadow",
      "$value": "0 10px 35px rgba(41,30,50,.025)",
      "$extensions": {
        "mode": {
          "dark": "0 20px 45px rgba(0,0,0,.06)"
        }
      }
    },
    "selected": {
      "$type": "shadow",
      "$value": "0 1px 7px rgba(0,0,0,.04)"
    },
    "hover": {
      "$type": "shadow",
      "$value": "0 4px 20px rgba(0,0,0,.04)"
    },
    "menu": {
      "$type": "shadow",
      "$value": "0 20px 60px rgba(20,15,23,.13)"
    },
    "toast": {
      "$type": "shadow",
      "$value": "0 12px 36px rgba(0,0,0,.17)"
    },
    "modal": {
      "$type": "shadow",
      "$value": "0 30px 100px rgba(0,0,0,.23)"
    },
    "accent": {
      "$type": "shadow",
      "$value": "0 14px 35px rgba(219,65,42,.12)"
    }
  },
  "ease": {
    "ui": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(.23,1,.32,1)"
    }
  },
  "text": {
    "display": {
      "$type": "dimension",
      "$value": "49px"
    },
    "figure-lg": {
      "$type": "dimension",
      "$value": "33px"
    },
    "h1": {
      "$type": "dimension",
      "$value": "31px"
    },
    "figure": {
      "$type": "dimension",
      "$value": "26px"
    },
    "h2": {
      "$type": "dimension",
      "$value": "19px"
    },
    "h3": {
      "$type": "dimension",
      "$value": "15px"
    },
    "body": {
      "$type": "dimension",
      "$value": "13px"
    },
    "small": {
      "$type": "dimension",
      "$value": "12px"
    },
    "caption": {
      "$type": "dimension",
      "$value": "11px"
    }
  },
  "weight": {
    "regular": {
      "$type": "fontWeight",
      "$value": "400"
    },
    "medium": {
      "$type": "fontWeight",
      "$value": "500"
    },
    "semibold": {
      "$type": "fontWeight",
      "$value": "600"
    },
    "bold": {
      "$type": "fontWeight",
      "$value": "700"
    }
  },
  "leading": {
    "tight": {
      "$type": "number",
      "$value": "1.25"
    },
    "body": {
      "$type": "number",
      "$value": "1.5"
    }
  },
  "glass": {
    "bg": {
      "$type": "color",
      "$value": "rgba(255,255,255,.56)",
      "$extensions": {
        "mode": {
          "dark": "rgba(40,38,46,.46)"
        }
      }
    },
    "bg-thick": {
      "$type": "color",
      "$value": "rgba(255,255,255,.86)",
      "$extensions": {
        "mode": {
          "dark": "rgba(36,34,42,.84)"
        }
      }
    },
    "bg-frosted": {
      "$type": "color",
      "$value": "rgba(250,249,251,.94)",
      "$extensions": {
        "mode": {
          "dark": "rgba(30,29,35,.95)"
        }
      }
    },
    "blur": {
      "$type": "dimension",
      "$value": "4px"
    },
    "blur-thick": {
      "$type": "dimension",
      "$value": "24px"
    },
    "saturate": {
      "$type": "number",
      "$value": "190%"
    },
    "lens": {
      "$type": "number",
      "$value": "40"
    },
    "rim": {
      "$type": "gradient",
      "$value": "linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 38%,rgba(255,255,255,.08) 62%,rgba(255,255,255,.7))",
      "$extensions": {
        "mode": {
          "dark": "linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.06) 38%,rgba(255,255,255,.02) 62%,rgba(255,255,255,.18))"
        }
      }
    },
    "highlight": {
      "$type": "shadow",
      "$value": "inset 0 1px 1px rgba(255,255,255,.75), inset 0 -1px 1px rgba(255,255,255,.3)",
      "$extensions": {
        "mode": {
          "dark": "inset 0 1px 1px rgba(255,255,255,.14), inset 0 -1px 1px rgba(255,255,255,.04)"
        }
      }
    },
    "shadow": {
      "$type": "shadow",
      "$value": "0 6px 20px -8px rgba(29,28,34,.16), 0 0 0 .5px rgba(29,28,34,.06)",
      "$extensions": {
        "mode": {
          "dark": "0 8px 24px -8px rgba(0,0,0,.5), 0 0 0 .5px rgba(0,0,0,.4)"
        }
      }
    },
    "shadow-raised": {
      "$type": "shadow",
      "$value": "0 14px 36px -10px rgba(29,28,34,.26), 0 0 0 .5px rgba(29,28,34,.08)",
      "$extensions": {
        "mode": {
          "dark": "0 16px 40px -10px rgba(0,0,0,.65), 0 0 0 .5px rgba(0,0,0,.5)"
        }
      }
    },
    "fill": {
      "$type": "color",
      "$value": "rgba(255,255,255,.55)",
      "$extensions": {
        "mode": {
          "dark": "rgba(255,255,255,.1)"
        }
      }
    },
    "glow": {
      "$type": "color",
      "$value": "rgba(255,255,255,.6)",
      "$extensions": {
        "mode": {
          "dark": "rgba(255,255,255,.14)"
        }
      }
    }
  },
  "duration": {
    "fast": {
      "$type": "duration",
      "$value": ".15s"
    },
    "base": {
      "$type": "duration",
      "$value": ".2s"
    },
    "slow": {
      "$type": "duration",
      "$value": ".3s"
    },
    "chart": {
      "$type": "duration",
      "$value": ".45s"
    }
  },
  "breakpoint": {
    "wide": {
      "$type": "dimension",
      "$value": "1170px"
    },
    "tablet": {
      "$type": "dimension",
      "$value": "940px"
    },
    "mobile": {
      "$type": "dimension",
      "$value": "620px"
    },
    "small": {
      "$type": "dimension",
      "$value": "385px"
    }
  }
}