{
  "$description": "Design tokens for christerterian.com. Generated from css/style.css by tools/build-tokens.py — edit the CSS, not this file.",
  "core": {
    "lh": {
      "$description": "Logan Hollowell Jewelry — from the project's token file",
      "lh-cream-base": {
        "$type": "color",
        "$value": "#f9f5ef"
      },
      "lh-cream-mid": {
        "$type": "color",
        "$value": "#f0ebe2"
      },
      "lh-gold-light": {
        "$type": "color",
        "$value": "#d4b896"
      },
      "lh-gold-base": {
        "$type": "color",
        "$value": "#b89a6e"
      },
      "lh-gold-dark": {
        "$type": "color",
        "$value": "#9a7d52"
      },
      "lh-dark-base": {
        "$type": "color",
        "$value": "#111111"
      },
      "lh-dark-mid": {
        "$type": "color",
        "$value": "#1e1b17"
      },
      "lh-dark-panel": {
        "$type": "color",
        "$value": "#13110e"
      },
      "lh-neutral-mid": {
        "$type": "color",
        "$value": "#555555"
      },
      "lh-neutral-light": {
        "$type": "color",
        "$value": "#888888"
      },
      "lh-neutral-border": {
        "$type": "color",
        "$value": "#e0d8ce"
      },
      "lh-white-base": {
        "$type": "color",
        "$value": "#ffffff"
      }
    },
    "dgistics": {
      "$description": "Dgistics — from the project's token file",
      "dg-ink": {
        "$type": "color",
        "$value": "#161513"
      },
      "dg-ink-soft": {
        "$type": "color",
        "$value": "#2a2926"
      },
      "dg-floor": {
        "$type": "color",
        "$value": "#e9e8e4"
      },
      "dg-floor-raised": {
        "$type": "color",
        "$value": "#f2f1ee"
      },
      "dg-line": {
        "$type": "color",
        "$value": "#cfcdc6"
      },
      "dg-steel": {
        "$type": "color",
        "$value": "#77746c"
      },
      "dg-red": {
        "$type": "color",
        "$value": "#cb0a09"
      },
      "dg-red-deep": {
        "$type": "color",
        "$value": "#7a0605"
      },
      "dg-red-hot": {
        "$type": "color",
        "$value": "#e8241c"
      }
    },
    "cleanbean": {
      "$description": "The Clean Bean — sampled from the shipped storefront",
      "tcb-cobalt": {
        "$type": "color",
        "$value": "#2541b2"
      },
      "tcb-sky": {
        "$type": "color",
        "$value": "#b8d5ef"
      },
      "tcb-sage": {
        "$type": "color",
        "$value": "#bbdbb4"
      },
      "tcb-cream": {
        "$type": "color",
        "$value": "#fcffeb"
      }
    },
    "bedell": {
      "$description": "Bedell Property Management — sampled from the shipped app",
      "bpm-soil": {
        "$type": "color",
        "$value": "#342314"
      },
      "bpm-bark": {
        "$type": "color",
        "$value": "#7b5231"
      },
      "bpm-leaf": {
        "$type": "color",
        "$value": "#48c334"
      },
      "bpm-leaf-wash": {
        "$type": "color",
        "$value": "#e3ebdc"
      },
      "bpm-marigold": {
        "$type": "color",
        "$value": "#f9a028"
      },
      "bpm-white": {
        "$type": "color",
        "$value": "#ffffff"
      }
    }
  },
  "semantic": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "bg-soft": {
        "$type": "color",
        "$value": "#f5f5f7"
      },
      "bg-blur": {
        "$type": "color",
        "$value": "rgba(255, 255, 255, 0.8)"
      },
      "ink": {
        "$type": "color",
        "$value": "#1d1d1f"
      },
      "ink-dim": {
        "$type": "color",
        "$value": "#6e6e73"
      },
      "ink-faint": {
        "$type": "color",
        "$value": "#a1a1a6"
      },
      "line": {
        "$type": "color",
        "$value": "#e5e5ea"
      },
      "field-line": {
        "$type": "color",
        "$value": "#8e8e93"
      },
      "accent": {
        "$type": "color",
        "$value": "#0066cc"
      },
      "link": {
        "$type": "color",
        "$value": "{semantic.light.accent}"
      },
      "heading": {
        "$type": "color",
        "$value": "{semantic.light.ink}"
      },
      "pill": {
        "$type": "color",
        "$value": "#1d1d1f"
      },
      "pill-ink": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "danger": {
        "$type": "color",
        "$value": "{status.status-danger-on-light}"
      },
      "success": {
        "$type": "color",
        "$value": "{status.status-success-on-light}"
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "#000000"
      },
      "bg-soft": {
        "$type": "color",
        "$value": "#161617"
      },
      "bg-blur": {
        "$type": "color",
        "$value": "rgba(0, 0, 0, 0.72)"
      },
      "ink": {
        "$type": "color",
        "$value": "#f5f5f7"
      },
      "ink-dim": {
        "$type": "color",
        "$value": "#a1a1a6"
      },
      "ink-faint": {
        "$type": "color",
        "$value": "#6e6e73"
      },
      "line": {
        "$type": "color",
        "$value": "#2c2c2e"
      },
      "field-line": {
        "$type": "color",
        "$value": "#8e8e93"
      },
      "accent": {
        "$type": "color",
        "$value": "#2997ff"
      },
      "pill": {
        "$type": "color",
        "$value": "#f5f5f7"
      },
      "pill-ink": {
        "$type": "color",
        "$value": "#000000"
      },
      "danger": {
        "$type": "color",
        "$value": "{status.status-danger-on-dark}"
      },
      "success": {
        "$type": "color",
        "$value": "{status.status-success-on-dark}"
      }
    }
  },
  "brand": {
    "lh": {
      "$description": "Semantic remap applied when the Logan Hollowell Jewelry theme is on.",
      "light": {
        "bg": {
          "$type": "color",
          "$value": "{core.lh.lh-cream-base}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "{core.lh.lh-cream-mid}"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.lh.lh-cream-base} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-base}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.lh.lh-neutral-mid}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "{core.lh.lh-neutral-light}"
        },
        "line": {
          "$type": "color",
          "$value": "{core.lh.lh-neutral-border}"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-dark}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-dark}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-mid}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-base}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.lh.lh-white-base}"
        },
        "radius-lg": {
          "$type": "dimension",
          "$value": "0px"
        },
        "radius": {
          "$type": "dimension",
          "$value": "0px"
        },
        "radius-sm": {
          "$type": "dimension",
          "$value": "2px"
        },
        "radius-pill": {
          "$type": "dimension",
          "$value": "20px"
        },
        "radius-button": {
          "$type": "dimension",
          "$value": "0px"
        }
      },
      "dark": {
        "bg": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-panel}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-mid}"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.lh.lh-dark-panel} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.lh.lh-cream-base}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-light}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "{core.lh.lh-neutral-light}"
        },
        "line": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.lh.lh-gold-base} 22%, transparent)"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-base}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-light}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-light}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.lh.lh-gold-light}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.lh.lh-dark-panel}"
        }
      }
    },
    "dgistics": {
      "$description": "Semantic remap applied when the Dgistics theme is on.",
      "light": {
        "bg": {
          "$type": "color",
          "$value": "{core.dgistics.dg-ink}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "{core.dgistics.dg-ink-soft}"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.dgistics.dg-ink} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.dgistics.dg-floor-raised}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.dgistics.dg-line}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "{core.dgistics.dg-steel}"
        },
        "line": {
          "$type": "color",
          "$value": "{core.dgistics.dg-ink-soft}"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.dgistics.dg-steel}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.dgistics.dg-red-hot}"
        },
        "link": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.dgistics.dg-red-hot} 62%, {core.dgistics.dg-floor-raised})"
        },
        "danger": {
          "$type": "color",
          "$value": "{status.status-danger-on-dark}"
        },
        "success": {
          "$type": "color",
          "$value": "{status.status-success-on-dark}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.dgistics.dg-red}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.dgistics.dg-floor-raised}"
        },
        "radius-lg": {
          "$type": "dimension",
          "$value": "0px"
        },
        "radius": {
          "$type": "dimension",
          "$value": "0px"
        },
        "radius-sm": {
          "$type": "dimension",
          "$value": "1px"
        },
        "radius-pill": {
          "$type": "dimension",
          "$value": "0px"
        },
        "radius-button": {
          "$type": "dimension",
          "$value": "0px"
        }
      },
      "dark": {}
    },
    "cleanbean": {
      "$description": "Semantic remap applied when the The Clean Bean theme is on.",
      "light": {
        "bg": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cream}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-sage} 55%, {core.cleanbean.tcb-cream})"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cream} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cobalt} 90%, {core.cleanbean.tcb-cream})"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cobalt} 45%, {core.cleanbean.tcb-cream})"
        },
        "line": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-sky}"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cream}"
        },
        "radius-lg": {
          "$type": "dimension",
          "$value": "28px"
        },
        "radius": {
          "$type": "dimension",
          "$value": "20px"
        },
        "radius-sm": {
          "$type": "dimension",
          "$value": "12px"
        },
        "radius-pill": {
          "$type": "dimension",
          "$value": "999px"
        },
        "radius-button": {
          "$type": "dimension",
          "$value": "999px"
        }
      },
      "dark": {
        "bg": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cobalt} 62%, black)"
        },
        "danger": {
          "$type": "color",
          "$value": "{status.status-danger-on-dark}"
        },
        "success": {
          "$type": "color",
          "$value": "{status.status-success-on-dark}"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cobalt} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cream}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-sky}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-sky} 60%, {core.cleanbean.tcb-cobalt})"
        },
        "line": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.cleanbean.tcb-cream} 22%, {core.cleanbean.tcb-cobalt})"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-sky}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-sage}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-sage}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cream}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.cleanbean.tcb-cobalt}"
        }
      }
    },
    "bedell": {
      "$description": "Semantic remap applied when the Bedell Property Management theme is on.",
      "light": {
        "bg": {
          "$type": "color",
          "$value": "{core.bedell.bpm-white}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "{core.bedell.bpm-leaf-wash}"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-white} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.bedell.bpm-soil}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.bedell.bpm-bark}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-bark} 55%, {core.bedell.bpm-white})"
        },
        "line": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-bark} 20%, {core.bedell.bpm-white})"
        },
        "field-line": {
          "$type": "color",
          "$value": "{core.bedell.bpm-bark}"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.bedell.bpm-bark}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.bedell.bpm-bark}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.bedell.bpm-marigold}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.bedell.bpm-soil}"
        },
        "radius-lg": {
          "$type": "dimension",
          "$value": "24px"
        },
        "radius": {
          "$type": "dimension",
          "$value": "16px"
        },
        "radius-sm": {
          "$type": "dimension",
          "$value": "10px"
        },
        "radius-pill": {
          "$type": "dimension",
          "$value": "999px"
        },
        "radius-button": {
          "$type": "dimension",
          "$value": "8px"
        }
      },
      "dark": {
        "bg": {
          "$type": "color",
          "$value": "{core.bedell.bpm-soil}"
        },
        "bg-soft": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-soil} 82%, {core.bedell.bpm-bark})"
        },
        "bg-blur": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-soil} 80%, transparent)"
        },
        "ink": {
          "$type": "color",
          "$value": "{core.bedell.bpm-white}"
        },
        "ink-dim": {
          "$type": "color",
          "$value": "{core.bedell.bpm-leaf-wash}"
        },
        "ink-faint": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-leaf-wash} 55%, {core.bedell.bpm-soil})"
        },
        "line": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-bark} 45%, {core.bedell.bpm-soil})"
        },
        "field-line": {
          "$type": "color",
          "$value": "color-mix(in srgb, {core.bedell.bpm-leaf-wash} 55%, {core.bedell.bpm-soil})"
        },
        "accent": {
          "$type": "color",
          "$value": "{core.bedell.bpm-marigold}"
        },
        "link": {
          "$type": "color",
          "$value": "{core.bedell.bpm-marigold}"
        },
        "heading": {
          "$type": "color",
          "$value": "{core.bedell.bpm-marigold}"
        },
        "pill": {
          "$type": "color",
          "$value": "{core.bedell.bpm-marigold}"
        },
        "pill-ink": {
          "$type": "color",
          "$value": "{core.bedell.bpm-soil}"
        }
      }
    }
  },
  "type": {
    "text-xs": {
      "$type": "dimension",
      "$value": "12px"
    },
    "text-sm": {
      "$type": "dimension",
      "$value": "14px"
    },
    "text-base": {
      "$type": "dimension",
      "$value": "16px"
    },
    "text-md": {
      "$type": "dimension",
      "$value": "18px"
    },
    "text-lg": {
      "$type": "dimension",
      "$value": "20px"
    },
    "text-xl": {
      "$type": "dimension",
      "$value": "24px"
    },
    "text-2xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "text-3xl": {
      "$type": "dimension",
      "$value": "48px"
    }
  },
  "status": {
    "status-danger-on-light": {
      "$type": "color",
      "$value": "#b3261e"
    },
    "status-danger-on-dark": {
      "$type": "color",
      "$value": "#ff6961"
    },
    "status-success-on-light": {
      "$type": "color",
      "$value": "#146c2e"
    },
    "status-success-on-dark": {
      "$type": "color",
      "$value": "#3fb950"
    }
  },
  "radius": {
    "radius-lg": {
      "$type": "dimension",
      "$value": "16px"
    },
    "radius": {
      "$type": "dimension",
      "$value": "12px"
    },
    "radius-sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "radius-pill": {
      "$type": "dimension",
      "$value": "999px"
    },
    "radius-button": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "$description": "One principle: everything settles. One ease-out curve, four durations.",
    "duration": {
      "motion-duration-quick": {
        "$type": "duration",
        "$value": "150ms"
      },
      "motion-duration-base": {
        "$type": "duration",
        "$value": "200ms"
      },
      "motion-duration-calm": {
        "$type": "duration",
        "$value": "300ms"
      },
      "motion-duration-slow": {
        "$type": "duration",
        "$value": "600ms"
      }
    },
    "easing": {
      "motion-ease-settle": {
        "$type": "cubicBezier",
        "$value": [
          0.22,
          1.0,
          0.36,
          1.0
        ]
      }
    }
  }
}