{
  "$description": "Design tokens for the Stem style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "paper": {
      "$type": "color",
      "$value": "#f4f1e8",
      "$dark": "#0f1712"
    },
    "card": {
      "$type": "color",
      "$value": "#fdfbf5",
      "$dark": "#16211a"
    },
    "well": {
      "$type": "color",
      "$value": "#ebe6d8",
      "$dark": "#121b15"
    },
    "line": {
      "$type": "color",
      "$value": "#d9d2c0",
      "$dark": "#2a3a2f"
    },
    "ink": {
      "$type": "color",
      "$value": "#1d2a21",
      "$dark": "#eef2e8"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3c4a3f",
      "$dark": "#ccd5c8"
    },
    "muted": {
      "$type": "color",
      "$value": "#58635a",
      "$dark": "#a2ad9f"
    },
    "marigold": {
      "$type": "color",
      "$value": "#a8430c",
      "$dark": "#ff9d5c"
    },
    "marigold-2": {
      "$type": "color",
      "$value": "#86350a",
      "$dark": "#ffb987"
    },
    "on-marigold": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#2c1100"
    },
    "marigold-soft": {
      "$type": "color",
      "$value": "#f8dfcd",
      "$dark": "#33200f"
    },
    "leaf": {
      "$type": "color",
      "$value": "#3d6b48",
      "$dark": "#8fcf9b"
    },
    "focus": {
      "$type": "color",
      "$value": "#1d2a21",
      "$dark": "#eef2e8"
    },
    "kraft": {
      "$type": "color",
      "$value": "#d9b98a"
    },
    "kraft-2": {
      "$type": "color",
      "$value": "#c4a06d"
    },
    "kraft-ink": {
      "$type": "color",
      "$value": "#3b2a17"
    },
    "note": {
      "$type": "color",
      "$value": "#fffaf0",
      "$description": "the card message: cream in both modes"
    },
    "note-ink": {
      "$type": "color",
      "$value": "#2a2620"
    },
    "stalk": {
      "$type": "color",
      "$value": "#5b8a4f",
      "$dark": "#6f9e60"
    },
    "stalk-2": {
      "$type": "color",
      "$value": "#3e6a3a"
    },
    "bloom-1": {
      "$type": "color",
      "$value": "#e8a0b4",
      "$description": "peony pink"
    },
    "bloom-2": {
      "$type": "color",
      "$value": "#f3c26b",
      "$description": "butter yellow"
    },
    "bloom-3": {
      "$type": "color",
      "$value": "#e2643f",
      "$description": "coral"
    },
    "bloom-4": {
      "$type": "color",
      "$value": "#f6f1e4",
      "$description": "white"
    },
    "bloom-5": {
      "$type": "color",
      "$value": "#9a7fc7",
      "$description": "lilac"
    },
    "bloom-6": {
      "$type": "color",
      "$value": "#c2304f",
      "$description": "deep red"
    },
    "bloom-7": {
      "$type": "color",
      "$value": "#7fb7d9",
      "$description": "sky"
    },
    "bloom-8": {
      "$type": "color",
      "$value": "#f08a2c",
      "$description": "marigold"
    },
    "hand": {
      "$type": "color",
      "$value": "\"Caveat\", \"Segoe Print\", cursive"
    },
    "snap": {
      "$type": "color",
      "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "320ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(29, 42, 33, 0.05), 0 18px 36px -24px rgba(29, 42, 33, 0.45)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 36px -22px rgba(0, 0, 0, 0.85)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 34px 64px -30px rgba(29, 42, 33, 0.5)",
      "$dark": "0 34px 64px -28px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Caprasimo\", \"Cooper Black\", Georgia, serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Nunito Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "dimension",
      "$value": "var(--body)"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(46px, 6.4vw, 96px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(34px, 4.2vw, 60px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "22px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(17.5px, 1.35vw, 20.5px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12.5px"
    }
  },
  "space": {
    "wrap": {
      "$type": "dimension",
      "$value": "1220px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "max(20px, 4vw)"
    },
    "s-1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "s-2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "s-3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "s-4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "s-5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "s-6": {
      "$type": "dimension",
      "$value": "40px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "64px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "104px"
    }
  },
  "radius": {
    "r-s": {
      "$type": "dimension",
      "$value": "12px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "22px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "34px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "900ms"
    }
  }
}