{
  "$description": "Birchway Market design tokens. Fictional brand, self-directed case study.",
  "color": {
    "brand": {
      "spruce": {
        "$type": "color",
        "$value": "#23483A",
        "$description": "Birchway Spruce. Primary background"
      },
      "cream": {
        "$type": "color",
        "$value": "#F6F0E1",
        "$description": "Hearth Cream. Headline and CTA text"
      },
      "cranberry": {
        "$type": "color",
        "$value": "#9B2335",
        "$description": "Cranberry. CTA fill"
      },
      "wheat": {
        "$type": "color",
        "$value": "#E9D9A6",
        "$description": "Wheat. Supporting copy"
      },
      "pear": {
        "$type": "color",
        "$value": "#D8B24A",
        "$description": "Pear Gold. Illustration only, never text or fills behind text"
      },
      "clementine": {
        "$type": "color",
        "$value": "#E07B2A",
        "$description": "Clementine. Illustration only"
      }
    },
    "light": {
      "spruce": {
        "$type": "color",
        "$value": "#23483A"
      },
      "spruceDeep": {
        "$type": "color",
        "$value": "#1B382D"
      },
      "cranberry": {
        "$type": "color",
        "$value": "#9B2335"
      },
      "cream": {
        "$type": "color",
        "$value": "#F6F0E1"
      },
      "wheat": {
        "$type": "color",
        "$value": "#E9D9A6"
      },
      "sageDark": {
        "$type": "color",
        "$value": "#B5C6B9"
      },
      "paper": {
        "$type": "color",
        "$value": "#EDEFE8"
      },
      "surface": {
        "$type": "color",
        "$value": "#FFFFFF"
      },
      "surface2": {
        "$type": "color",
        "$value": "#FAFBF8"
      },
      "wash": {
        "$type": "color",
        "$value": "#E2E6DD"
      },
      "ink": {
        "$type": "color",
        "$value": "#17221C"
      },
      "muted": {
        "$type": "color",
        "$value": "#4A554E"
      },
      "accent": {
        "$type": "color",
        "$value": "#23483A"
      },
      "accentFill": {
        "$type": "color",
        "$value": "#23483A"
      },
      "accentFillHover": {
        "$type": "color",
        "$value": "#1B382D"
      },
      "onAccent": {
        "$type": "color",
        "$value": "#F6F0E1"
      },
      "spec": {
        "$type": "color",
        "$value": "#0B6585"
      },
      "danger": {
        "$type": "color",
        "$value": "#9B2335"
      },
      "passBg": {
        "$type": "color",
        "$value": "#E1ECE5"
      },
      "passFg": {
        "$type": "color",
        "$value": "#1E5236"
      },
      "failBg": {
        "$type": "color",
        "$value": "#F7E3E6"
      },
      "failFg": {
        "$type": "color",
        "$value": "#8C1D2E"
      },
      "failTint": {
        "$type": "color",
        "$value": "#FCF4F5"
      },
      "holdBg": {
        "$type": "color",
        "$value": "#F3EBD3"
      },
      "holdFg": {
        "$type": "color",
        "$value": "#5E4708"
      }
    },
    "dark": {
      "spruce": {
        "$type": "color",
        "$value": "#23483A"
      },
      "spruceDeep": {
        "$type": "color",
        "$value": "#1B382D"
      },
      "cranberry": {
        "$type": "color",
        "$value": "#9B2335"
      },
      "cream": {
        "$type": "color",
        "$value": "#F6F0E1"
      },
      "wheat": {
        "$type": "color",
        "$value": "#E9D9A6"
      },
      "sageDark": {
        "$type": "color",
        "$value": "#B5C6B9"
      },
      "paper": {
        "$type": "color",
        "$value": "#111915"
      },
      "surface": {
        "$type": "color",
        "$value": "#18221D"
      },
      "surface2": {
        "$type": "color",
        "$value": "#151F1A"
      },
      "wash": {
        "$type": "color",
        "$value": "#1F2B25"
      },
      "ink": {
        "$type": "color",
        "$value": "#E8ECE6"
      },
      "muted": {
        "$type": "color",
        "$value": "#A6B3AA"
      },
      "accent": {
        "$type": "color",
        "$value": "#8CCBA9"
      },
      "accentFill": {
        "$type": "color",
        "$value": "#8CCBA9"
      },
      "accentFillHover": {
        "$type": "color",
        "$value": "#A8DCC0"
      },
      "onAccent": {
        "$type": "color",
        "$value": "#0F1D17"
      },
      "spec": {
        "$type": "color",
        "$value": "#74C2DD"
      },
      "danger": {
        "$type": "color",
        "$value": "#F2919F"
      },
      "passBg": {
        "$type": "color",
        "$value": "#173527"
      },
      "passFg": {
        "$type": "color",
        "$value": "#9EDDB7"
      },
      "failBg": {
        "$type": "color",
        "$value": "#3A1A20"
      },
      "failFg": {
        "$type": "color",
        "$value": "#FFB4BF"
      },
      "failTint": {
        "$type": "color",
        "$value": "#24161A"
      },
      "holdBg": {
        "$type": "color",
        "$value": "#352C12"
      },
      "holdFg": {
        "$type": "color",
        "$value": "#EED38A"
      }
    }
  },
  "typography": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": "Young Serif"
      },
      "text": {
        "$type": "fontFamily",
        "$value": "Archivo"
      }
    },
    "size": {
      "t-hero": {
        "$type": "dimension",
        "$value": "clamp(40px, 1.5rem + 4.4vw, 76px)",
        "$description": "Home page title"
      },
      "t-3xl": {
        "$type": "dimension",
        "$value": "clamp(36px, 1.6rem + 2.6vw, 56px)",
        "$description": "Page titles (h1)"
      },
      "t-2xl": {
        "$type": "dimension",
        "$value": "33px",
        "$description": "Ticket title, chapter numerals"
      },
      "t-xl": {
        "$type": "dimension",
        "$value": "26px",
        "$description": "Section headings (h2)"
      },
      "t-lg": {
        "$type": "dimension",
        "$value": "21px",
        "$description": "Ledes, card headings"
      },
      "t-md": {
        "$type": "dimension",
        "$value": "17px",
        "$description": "Body text, line-height 1.55"
      },
      "t-sm": {
        "$type": "dimension",
        "$value": "15px",
        "$description": "Secondary text, tables, controls"
      },
      "t-xs": {
        "$type": "dimension",
        "$value": "13px",
        "$description": "Captions, badges, meta"
      }
    }
  },
  "radius": {
    "r-sm": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "Every control: buttons, filters, inputs, badges"
    },
    "r-md": {
      "$type": "dimension",
      "$value": "8px",
      "$description": "Cards, panels, tables"
    }
  },
  "layout": {
    "gutter": {
      "$type": "dimension",
      "$value": "clamp(16px, 4vw, 48px)",
      "$description": "Page side margin; 16 px on phones, 48 px on desktop"
    },
    "measure": {
      "$type": "dimension",
      "$value": "68ch",
      "$description": "Maximum line length for reading text"
    },
    "wide": {
      "$type": "dimension",
      "$value": "1240px",
      "$description": "Maximum width for galleries, boards and tables"
    },
    "header-h": {
      "$type": "dimension",
      "$value": "64px",
      "$description": "Sticky header height; anchors and sticky toolbars offset by it"
    }
  },
  "motion": {
    "sheet": {
      "$type": "transition",
      "$value": "260 ms, cubic-bezier(.2, .7, .2, 1)",
      "$description": "Menu panel slide-in. Reduced motion: 150 ms fade."
    },
    "stagger": {
      "$type": "transition",
      "$value": "300 ms + 28 ms per item",
      "$description": "Menu links settling in. Reduced motion: none."
    },
    "settle": {
      "$type": "transition",
      "$value": "180–350 ms, cubic-bezier(.16, 1, .3, 1)",
      "$description": "Folder chevrons, sign-off meter."
    },
    "logo reveal": {
      "$type": "transition",
      "$value": "1.3 s, staged",
      "$description": "Header leaf mark on page load: roundel, outline draw, fill, veins, wordmark unmask. Sways on hover."
    },
    "draw": {
      "$type": "transition",
      "$value": "1.1 s, cubic-bezier(.16, 1, .3, 1)",
      "$description": "Home dimension lines drawing out, after the logo reveal."
    }
  },
  "breakpoint": {
    "phone": {
      "$value": "up to 559 px",
      "$description": "Single column, stacked tables, compact board"
    },
    "large-phone": {
      "$value": "560 to 759 px",
      "$description": "Two-up galleries begin, filters wrap"
    },
    "tablet": {
      "$value": "760 to 999 px",
      "$description": "Two-column footer and forms, side-by-side before and after"
    },
    "laptop": {
      "$value": "1000 to 1239 px",
      "$description": "QA and reflection side columns, three-column board"
    },
    "desktop": {
      "$value": "1240 px and up",
      "$description": "Five-column board, seven-step horizontal process flow"
    }
  },
  "zIndex": {
    "sticky": {
      "$type": "number",
      "$value": 20,
      "$description": "Gallery toolbar"
    },
    "header": {
      "$type": "number",
      "$value": 50,
      "$description": "Sticky header"
    },
    "overlay": {
      "$type": "number",
      "$value": 80,
      "$description": "Menu scrim"
    },
    "modal": {
      "$type": "number",
      "$value": 90,
      "$description": "Menu sheet"
    },
    "skip": {
      "$type": "number",
      "$value": 100,
      "$description": "Skip link"
    }
  }
}