{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "Atelier Design Tokens",
  "version": "1.0.0",
  "date": "2026-08-05",
  "source": "atelier-platform (client-shell.css, button.css, globals.css, ItemStatusBar.module.css)",
  "font": {
    "sans": { "value": "'Roobert', Helvetica, Arial, sans-serif", "type": "fontFamily" },
    "mono": { "value": "'Roobert Mono', ui-monospace, 'SFMono-Regular', monospace", "type": "fontFamily", "usage": "eyebrows, labels, meta, buttons, chips — NEVER body copy" }
  },
  "typography": {
    "bodySize": { "value": "16px" },
    "bodyWeight": { "value": 300 },
    "bodyLineHeight": { "value": 1.6 },
    "displayWeight": { "value": 300 },
    "displayLineHeight": { "value": 1.0 },
    "headingLetterSpacing": { "value": "-0.015em" },
    "strongWeight": { "value": 500 },
    "labelSize": { "value": "10px", "note": "mono label floor — never smaller for stage labels (2026-08-04)" },
    "labelLetterSpacing": { "value": "0", "note": "mono kerning removed platform-wide 2026-08-04; supersedes 0.1em" },
    "labelCase": { "value": "uppercase" },
    "cardText": { "value": "0.75rem" }
  },
  "color": {
    "ink": { "value": "#171512" },
    "ink2": { "value": "#3A362F" },
    "muted": { "value": "#757575" },
    "muted2": { "value": "#6D675F" },
    "paper": { "value": "#FAFAF8" },
    "white": { "value": "#FFFFFF" },
    "dark": { "value": "#14120E" },
    "line": { "value": "#EEEEEE" },
    "line2": { "value": "rgba(23,21,18,0.10)" },
    "accent": { "value": "#F1613A" },
    "accentLight": { "value": "#F4845F" },
    "accentDark": { "value": "#D94E2A" },
    "accentTint": { "value": "rgba(241,97,58,0.08)" },
    "accentFocus": { "value": "rgba(241,97,58,0.45)" },
    "banned": { "value": ["#E9E5DC", "#EFECE4", "#F5F2EB"], "note": "bone family — legacy homepage only, NEVER platform UI backgrounds" },
    "status": {
      "green": { "value": "#3D7A4E", "tint": "#EAF3EC", "line": "#CFE4D4" },
      "greenSpine": { "value": "#6E9B6F", "dark": "#4B7A4E" },
      "greenDot": { "value": "#7FBF8A" },
      "amber": { "value": "#9C6F1C", "tint": "#FAF3E3", "line": "#EEE0BD" },
      "goldDot": { "value": "#E7B84B" },
      "red": { "value": "#C0392B", "dark": "#A93226", "tint": "rgba(192,57,43,0.07)", "line": "rgba(192,57,43,0.25)" },
      "blue": { "value": "#6E93C9" },
      "neutral": { "value": "#6D675F", "tint": "#F1F0EE", "line": "#E3E1DD" },
      "draft": { "value": "#CFC9BC", "dot": "#C8C2B6" }
    },
    "progress": {
      "track": { "value": "#ECECEC" },
      "spineDotDone": { "value": "#C74A2E" },
      "fillGradient": { "value": "linear-gradient(90deg, #D94E2A 0%, #F1613A 100%)" }
    },
    "glass": { "background": "rgba(10,10,8,0.30)", "blur": "16px", "border": "none", "note": "borderless, ~30% opacity — standing rule 2026-08-02" }
  },
  "radius": {
    "micro": { "value": "2px", "usage": "bars, strips, dense-row tracks" },
    "chip": { "value": "4px", "usage": "chips, tags, detail bar track" },
    "control": { "value": "6px", "usage": "buttons, inputs, toggles, dropzone, thumbnails" },
    "menu": { "value": "8px", "usage": "dropdown menus, popovers" },
    "card": { "value": "10px", "usage": "cards, panels, modals" },
    "pill": { "value": null, "note": "⛔ BANNED — no pill/stadium shapes anywhere" }
  },
  "shadow": {
    "menu": { "value": "0 14px 34px -18px rgba(23,21,18,0.35)" },
    "iconChip": { "value": "0 2px 7px -2px rgba(217,78,42,0.55)" },
    "modal": { "value": "0 30px 80px -30px rgba(20,18,14,0.5)" }
  },
  "space": {
    "scale": { "value": [4, 8, 12, 16, 20, 24, 32, 40, 48, 64], "unit": "px" },
    "gutter": { "value": "clamp(22px, 4vw, 64px)" }
  },
  "motion": {
    "fast": { "value": "0.15s ease", "usage": "button color/background/border" },
    "ui": { "value": "0.18s ease", "usage": "quiet hovers, borders" },
    "medium": { "value": "0.25s ease", "usage": "arrows, legacy buttons" },
    "slow": { "value": "0.3s ease", "usage": "card lifts, overlays" },
    "fill": { "value": "0.7s ease", "usage": "status-bar fill width" },
    "pulse": { "value": "1.8s infinite", "usage": "current-stage dot ring" },
    "toastIn": { "value": "200ms", "usage": "toast slide-in from right" }
  },
  "breakpoints": {
    "wide": { "value": "1360px" },
    "tablet": { "value": "900px" },
    "mobileNav": { "value": "767px" },
    "narrow": { "value": "640px" },
    "targetMin": { "value": "390px" }
  },
  "accessibility": {
    "touchTarget": { "value": "44px" },
    "focusRing": { "value": "2px solid rgba(241,97,58,0.45)", "offset": "2px" },
    "mobileNavClearance": { "value": "calc(3.5rem + 12px + env(safe-area-inset-bottom, 0px))" }
  },
  "statusSpine": {
    "stages": ["Draft", "Shop Dwg", "Approved", "Production", "Shipped"],
    "densities": {
      "detail": { "height": "26px", "radius": "4px", "dot": "8px", "currentDot": "11px", "label": "8.5px" },
      "card": { "height": "18px", "radius": "3px", "dot": "7px", "currentDot": "9px", "label": "6.5px" },
      "row": { "height": "12px", "radius": "2px", "dot": "5px", "currentDot": "7px", "label": "6px" },
      "adminRegisterSpine": { "label": "10px", "labelWidth": "62px", "note": "stage labels bumped 6px→10px per type canon" }
    }
  }
}