{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "bgrimm.tokens.json",
    "version": "1.0.0",
    "updated": "2026-07-21",
    "source": "B.Grimm Brand Visual Identity Guidelines (2023-12-12) + brand.panupong.net/bgrimm",
    "description": "Three-tier token file: global (raw values) -> alias (semantic) -> component. Alias/component entries reference global tokens with {path.to.token} — resolve before consuming in Tailwind/MUI/Figma."
  },
  "global": {
    "color": {
      "orange": { "400": "#FF9956", "500": "#FF6727", "700": "#C43400" },
      "grey":   { "100": "#EBECF0", "200": "#D9DAE4", "300": "#C9CAD4", "400": "#989AA5", "600": "#63666F", "900": "#202124" },
      "base":   { "white": "#FFFFFF", "offwhite": "#FCFEFF" },
      "green":  { "300": "#78FFEF", "500": "#3BCEBD", "700": "#009C8D" },
      "pink":   { "300": "#FF68A6", "500": "#FF2577", "700": "#C5004C" },
      "yellow": { "300": "#FFEB60", "500": "#FFB92A", "700": "#C78900" }
    },
    "font": {
      "family": {
        "heading-en": "'Source Serif Pro', 'Times New Roman', serif",
        "body": "'Noto Sans Thai', 'Open Sans', Arial, sans-serif",
        "formal-th-heading": "'Sarabun', Arial, sans-serif",
        "formal-th-body": "'Kanit', Arial, sans-serif",
        "formal-letter": "'Browallia New', 'Angsana New', Tahoma, serif"
      },
      "size":   { "xs": "12px", "sm": "14px", "md": "16px", "lg": "20px", "xl": "28px", "xxl": "40px", "xxxl": "56px" },
      "weight": { "regular": 400, "medium": 500, "semibold": 600, "bold": 700 },
      "line-height": { "tight": 1.2, "normal": 1.5, "relaxed": 1.75 }
    },
    "space":  { "0": "0px", "1": "4px", "2": "8px", "3": "12px", "4": "16px", "6": "24px", "8": "32px", "12": "48px", "16": "64px", "24": "96px" },
    "radius": { "sm": "4px", "md": "8px", "lg": "16px", "full": "999px" },
    "elevation": {
      "0": "none",
      "1": "0 1px 2px rgba(32, 33, 36, 0.06)",
      "2": "0 4px 8px rgba(32, 33, 36, 0.08)",
      "3": "0 8px 24px rgba(32, 33, 36, 0.12)"
    }
  },
  "alias": {
    "color": {
      "primary":        "{global.color.orange.500}",
      "primary-hover":  "{global.color.orange.700}",
      "primary-light":  "{global.color.orange.400}",
      "text":           "{global.color.grey.600}",
      "text-strong":    "{global.color.grey.900}",
      "muted":          "{global.color.grey.400}",
      "bg":             "{global.color.base.white}",
      "bg-soft":        "{global.color.base.offwhite}",
      "border":         "{global.color.grey.200}",
      "border-soft":    "{global.color.grey.100}",
      "link":           "{global.color.orange.700}",
      "link-hover":     "{global.color.orange.500}"
    }
  },
  "component": {
    "button": {
      "bg-primary":         "{alias.color.primary}",
      "bg-primary-hover":   "{alias.color.primary-hover}",
      "text-on-primary":    "{global.color.base.white}",
      "bg-secondary":       "transparent",
      "border-secondary":   "{alias.color.primary}",
      "text-secondary":     "{alias.color.primary-hover}",
      "radius":             "{global.radius.md}",
      "padding-y":          "{global.space.2}",
      "padding-x":          "{global.space.4}"
    },
    "card": {
      "bg":        "{alias.color.bg}",
      "border":    "{alias.color.border}",
      "radius":    "{global.radius.lg}",
      "elevation": "{global.elevation.1}",
      "padding":   "{global.space.6}"
    },
    "input": {
      "border":         "{alias.color.border}",
      "border-focus":   "{alias.color.primary}",
      "border-error":   "{global.color.orange.700}",
      "text":           "{alias.color.text}",
      "placeholder":    "{alias.color.muted}",
      "radius":         "{global.radius.sm}"
    }
  }
}