{
  "$description": "Design tokens for the Cairn 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": "#f4f3ef",
      "$dark": "#10151a"
    },
    "card": {
      "$type": "color",
      "$value": "#fdfcf9",
      "$dark": "#172029"
    },
    "well": {
      "$type": "color",
      "$value": "#ebe9e2",
      "$dark": "#131a21"
    },
    "line": {
      "$type": "color",
      "$value": "#d9d6cc",
      "$dark": "#2a3540"
    },
    "topo": {
      "$type": "color",
      "$value": "#cfd6d9",
      "$dark": "#22303b",
      "$description": "contour lines (decoration only)"
    },
    "ink": {
      "$type": "color",
      "$value": "#1c2329",
      "$dark": "#e9edf0"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#3c454d",
      "$dark": "#c3cbd2"
    },
    "muted": {
      "$type": "color",
      "$value": "#5b636b",
      "$dark": "#97a1aa"
    },
    "lake": {
      "$type": "color",
      "$value": "#1f5f8b",
      "$dark": "#7cc0ef"
    },
    "lake-2": {
      "$type": "color",
      "$value": "#174a6d",
      "$dark": "#a3d4f5"
    },
    "on-lake": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#06223a"
    },
    "lake-soft": {
      "$type": "color",
      "$value": "#dce9f2",
      "$dark": "#16324a"
    },
    "stone-1": {
      "$type": "color",
      "$value": "#c9c4b8",
      "$dark": "#4a5157"
    },
    "stone-2": {
      "$type": "color",
      "$value": "#b3ada0",
      "$dark": "#3c4349"
    },
    "stone-3": {
      "$type": "color",
      "$value": "#9aa3a6",
      "$dark": "#56636b"
    },
    "stone-4": {
      "$type": "color",
      "$value": "#d6d2c8",
      "$dark": "#5d6369"
    },
    "stone-ink": {
      "$type": "color",
      "$value": "#1c2329",
      "$dark": "#eef1f3"
    },
    "ember": {
      "$type": "color",
      "$value": "#a6561a",
      "$dark": "#f0a868",
      "$description": "one warm mark: \"today\", the current month"
    },
    "focus": {
      "$type": "color",
      "$value": "#1f5f8b",
      "$dark": "#7cc0ef"
    },
    "settle": {
      "$type": "color",
      "$value": "cubic-bezier(0.3, 1.35, 0.5, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "320ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(28, 35, 41, 0.05), 0 14px 30px -20px rgba(28, 35, 41, 0.45)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 14px 30px -18px rgba(0, 0, 0, 0.8)"
    },
    "shadow-stone": {
      "$type": "shadow",
      "$value": "inset 0 -6px 10px rgba(28, 35, 41, 0.16), inset 0 4px 6px rgba(255, 255, 255, 0.5), 0 6px 10px -6px rgba(28, 35, 41, 0.45)",
      "$dark": "inset 0 -6px 10px rgba(0, 0, 0, 0.35), inset 0 4px 6px rgba(255, 255, 255, 0.08), 0 6px 12px -6px rgba(0, 0, 0, 0.8)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Young Serif\", \"Iowan Old Style\", Georgia, serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Onest\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Reddit Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(42px, 5.6vw, 82px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(32px, 3.7vw, 52px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "21px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(18px, 1.35vw, 21px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "17px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12px"
    }
  },
  "space": {
    "wrap": {
      "$type": "dimension",
      "$value": "1200px"
    },
    "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": "10px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "18px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "28px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.25, 0.8, 0.3, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "800ms"
    }
  }
}