{
  "$description": "Ledger Glass 1.0.0 · https://style.robby.wang/s/ledger-glass/",
  "color": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": "#f3f0e9"
      },
      "bg-soft": {
        "$type": "color",
        "$value": "#eeeae1"
      },
      "panel": {
        "$type": "color",
        "$value": "#f9fcfb"
      },
      "panel-strong": {
        "$type": "color",
        "$value": "#fcfefd"
      },
      "text": {
        "$type": "color",
        "$value": "#302c24"
      },
      "muted": {
        "$type": "color",
        "$value": "#726754"
      },
      "line": {
        "$type": "color",
        "$value": "rgba(43,78,65,.11)"
      },
      "line-strong": {
        "$type": "color",
        "$value": "rgba(43,78,65,.22)"
      },
      "accent": {
        "$type": "color",
        "$value": "#89661f"
      },
      "accent-strong": {
        "$type": "color",
        "$value": "#624613"
      },
      "on-accent": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "positive": {
        "$type": "color",
        "$value": "#26785a"
      },
      "danger": {
        "$type": "color",
        "$value": "#a0443e"
      },
      "glass-surface": {
        "$type": "color",
        "$value": "rgba(255,255,255,.74)"
      },
      "glass-field": {
        "$type": "color",
        "$value": "rgba(255,255,255,.66)"
      },
      "glass-inset": {
        "$type": "color",
        "$value": "rgba(62,105,85,.055)"
      },
      "glass-menu": {
        "$type": "color",
        "$value": "rgba(251,254,253,.93)"
      },
      "glass-rim": {
        "$type": "color",
        "$value": "rgba(255,255,255,.88)"
      },
      "glass-glint": {
        "$type": "color",
        "$value": "rgba(255,255,255,.85)"
      },
      "dock-tint": {
        "$type": "color",
        "$value": "rgba(255,255,255,.12)"
      },
      "dock-rim": {
        "$type": "color",
        "$value": "rgba(255,255,255,.86)"
      },
      "dock-ink": {
        "$type": "color",
        "$value": "#22372d"
      },
      "mist-warm": {
        "$type": "color",
        "$value": "rgba(224,202,158,.28)"
      },
      "mist-blue": {
        "$type": "color",
        "$value": "rgba(186,206,226,.25)"
      },
      "mist-sand": {
        "$type": "color",
        "$value": "rgba(229,214,182,.24)"
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "#161914"
      },
      "bg-soft": {
        "$type": "color",
        "$value": "#282d23"
      },
      "panel": {
        "$type": "color",
        "$value": "#1b2822"
      },
      "panel-strong": {
        "$type": "color",
        "$value": "#23322b"
      },
      "text": {
        "$type": "color",
        "$value": "#f3f2e9"
      },
      "muted": {
        "$type": "color",
        "$value": "#b7b8a6"
      },
      "line": {
        "$type": "color",
        "$value": "rgba(206,231,215,.12)"
      },
      "line-strong": {
        "$type": "color",
        "$value": "rgba(206,231,215,.25)"
      },
      "accent": {
        "$type": "color",
        "$value": "#d5b66f"
      },
      "accent-strong": {
        "$type": "color",
        "$value": "#f2d48b"
      },
      "on-accent": {
        "$type": "color",
        "$value": "#231f18"
      },
      "positive": {
        "$type": "color",
        "$value": "#77c8a1"
      },
      "danger": {
        "$type": "color",
        "$value": "#e28d86"
      },
      "glass-surface": {
        "$type": "color",
        "$value": "rgba(31,46,38,.86)"
      },
      "glass-field": {
        "$type": "color",
        "$value": "rgba(17,30,23,.54)"
      },
      "glass-inset": {
        "$type": "color",
        "$value": "rgba(6,15,10,.23)"
      },
      "glass-menu": {
        "$type": "color",
        "$value": "rgba(35,50,42,.96)"
      },
      "glass-rim": {
        "$type": "color",
        "$value": "rgba(219,247,230,.17)"
      },
      "glass-glint": {
        "$type": "color",
        "$value": "rgba(239,255,244,.13)"
      },
      "dock-tint": {
        "$type": "color",
        "$value": "rgba(15,26,21,.24)"
      },
      "dock-rim": {
        "$type": "color",
        "$value": "rgba(238,255,247,.39)"
      },
      "dock-ink": {
        "$type": "color",
        "$value": "#d8e8de"
      },
      "mist-warm": {
        "$type": "color",
        "$value": "rgba(110,101,61,.17)"
      },
      "mist-blue": {
        "$type": "color",
        "$value": "rgba(52,70,96,.2)"
      },
      "mist-sand": {
        "$type": "color",
        "$value": "rgba(87,80,47,.12)"
      }
    },
    "people": {
      "gold": {
        "$type": "color",
        "$value": "#d5b66f"
      },
      "ocean": {
        "$type": "color",
        "$value": "#59a9c8"
      },
      "fern": {
        "$type": "color",
        "$value": "#77c8a1"
      },
      "alpine": {
        "$type": "color",
        "$value": "#8ab3d5"
      },
      "coral": {
        "$type": "color",
        "$value": "#df8b76"
      },
      "violet": {
        "$type": "color",
        "$value": "#a993d5"
      },
      "slate": {
        "$type": "color",
        "$value": "#8d9aaa"
      },
      "sky": {
        "$type": "color",
        "$value": "#82b9e7"
      }
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "$value": "-apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Microsoft YaHei\", sans-serif"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "40px",
        "fontWeight": 650,
        "lineHeight": 1.1,
        "letterSpacing": "-0.045em",
        "fontFeature": "tnum"
      }
    },
    "title": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "20px",
        "fontWeight": 650,
        "lineHeight": 1.3,
        "letterSpacing": "-0.025em"
      }
    },
    "heading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "18px",
        "fontWeight": 600,
        "lineHeight": 1.35
      }
    },
    "subheading": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "15px",
        "fontWeight": 600,
        "lineHeight": 1.45
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.5
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "12px",
        "fontWeight": 400,
        "lineHeight": 1.6
      }
    },
    "amount": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family}",
        "fontSize": "20px",
        "fontWeight": 600,
        "lineHeight": 1.25,
        "letterSpacing": "-0.025em",
        "fontFeature": "tnum"
      }
    }
  },
  "radius": {
    "xs": {
      "$type": "dimension",
      "$value": "8px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "12px"
    },
    "md": {
      "$type": "dimension",
      "$value": "14px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "22px"
    },
    "dialog": {
      "$type": "dimension",
      "$value": "28px"
    },
    "dock": {
      "$type": "dimension",
      "$value": "34px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "spacing": {
    "1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "5": {
      "$type": "dimension",
      "$value": "20px"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px"
    },
    "tap": {
      "$type": "dimension",
      "$value": "44px"
    },
    "control": {
      "$type": "dimension",
      "$value": "48px"
    },
    "content-max": {
      "$type": "dimension",
      "$value": "920px"
    },
    "gutter-mobile": {
      "$type": "dimension",
      "$value": "12px"
    },
    "gutter-desktop": {
      "$type": "dimension",
      "$value": "20px"
    }
  },
  "shadow": {
    "light": {
      "surface": {
        "$type": "shadow",
        "$value": "0 3px 8px rgba(36,65,52,.025), 0 14px 40px rgba(36,65,52,.055)"
      },
      "float": {
        "$type": "shadow",
        "$value": "0 8px 28px rgba(31,62,49,.10), 0 2px 6px rgba(31,62,49,.045)"
      },
      "dock": {
        "$type": "shadow",
        "$value": "0 14px 32px rgba(22,42,31,.15), 0 4px 10px rgba(22,42,31,.06)"
      }
    },
    "dark": {
      "surface": {
        "$type": "shadow",
        "$value": "0 3px 8px #0000000c, 0 14px 40px #0000001c"
      },
      "float": {
        "$type": "shadow",
        "$value": "0 8px 30px #00000040, 0 2px 7px #0000001c"
      },
      "dock": {
        "$type": "shadow",
        "$value": "0 14px 32px rgba(0,0,0,.35), 0 4px 10px rgba(0,0,0,.2)"
      }
    }
  },
  "blur": {
    "menu": {
      "$type": "other",
      "$value": "blur(26px) saturate(1.5)"
    },
    "dock-light": {
      "$type": "other",
      "$value": "blur(8px) saturate(1.25) brightness(1.03)"
    },
    "dock-dark": {
      "$type": "other",
      "$value": "blur(8px) saturate(1.2) brightness(.62)"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(.2,.8,.2,1)"
    },
    "duration": {
      "$type": "duration",
      "$value": "180ms"
    },
    "tab-slide": {
      "$type": "duration",
      "$value": "320ms"
    }
  }
}
