{
  "$description": "Design tokens for the Catalogue 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": "#f4f2ec",
      "$dark": "#121212"
    },
    "card": {
      "$type": "color",
      "$value": "#fffefa",
      "$dark": "#1c1b19"
    },
    "manila": {
      "$type": "color",
      "$value": "#f2e8cd",
      "$dark": "#2a2620",
      "$description": "index cards"
    },
    "manila-2": {
      "$type": "color",
      "$value": "#e8dbb8",
      "$dark": "#3a342a",
      "$description": "the card's tab and edge"
    },
    "well": {
      "$type": "color",
      "$value": "#e9e6dc",
      "$dark": "#171614"
    },
    "line": {
      "$type": "color",
      "$value": "#d7d2c4",
      "$dark": "#34322d"
    },
    "rule-blue": {
      "$type": "color",
      "$value": "#a9c0e3",
      "$dark": "#2f3f5c",
      "$description": "ruled lines on a card"
    },
    "ink": {
      "$type": "color",
      "$value": "#151515",
      "$dark": "#f2f0ea"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#383733",
      "$dark": "#d1cec5"
    },
    "muted": {
      "$type": "color",
      "$value": "#5f5d56",
      "$dark": "#a19d93"
    },
    "red": {
      "$type": "color",
      "$value": "#b4231b",
      "$dark": "#ff7a6e"
    },
    "red-2": {
      "$type": "color",
      "$value": "#911a14",
      "$dark": "#ff9d93"
    },
    "on-red": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#2a0503"
    },
    "red-soft": {
      "$type": "color",
      "$value": "#f6dedb",
      "$dark": "#3a1714"
    },
    "warn-bg": {
      "$type": "color",
      "$value": "#ffd83d",
      "$description": "the warning band, both modes"
    },
    "warn-ink": {
      "$type": "color",
      "$value": "#111111"
    },
    "steel": {
      "$type": "color",
      "$value": "#2c2d2f",
      "$description": "the drawer front"
    },
    "steel-2": {
      "$type": "color",
      "$value": "#3b3c3f"
    },
    "brass": {
      "$type": "color",
      "$value": "#b58a3c",
      "$description": "the drawer's label holder"
    },
    "focus": {
      "$type": "color",
      "$value": "#2457b3",
      "$dark": "#8fb0ff"
    },
    "slide": {
      "$type": "color",
      "$value": "cubic-bezier(0.5, 0, 0.2, 1)"
    },
    "d": {
      "$type": "color",
      "$value": "300ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(21, 21, 21, 0.06), 0 10px 22px -16px rgba(21, 21, 21, 0.4)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 26px -16px rgba(0, 0, 0, 0.8)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 2px 0 rgba(21, 21, 21, 0.05), 0 26px 48px -26px rgba(21, 21, 21, 0.5)",
      "$dark": "0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 30px 54px -26px rgba(0, 0, 0, 0.9)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Archivo\", \"Helvetica Neue\", Arial, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Source Sans 3\", system-ui, -apple-system, \"Segoe UI\", sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Azeret Mono\", ui-monospace, \"SFMono-Regular\", Menlo, monospace"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(44px, 6.2vw, 92px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(32px, 3.9vw, 56px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "21px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(18px, 1.35vw, 21px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "18px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "15.5px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "11.5px"
    }
  },
  "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": "3px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "6px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.7, 0.2, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "140ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "650ms"
    }
  }
}