ksk-design-system 1.35.0

package/tokens.json

@@ -0,0 +1,607 @@
+{
+  "meta": {
+    "name": "KSK Design System",
+    "version": "2.0.0",
+    "lastUpdated": "2026-05-31",
+    "description": "フリーランス向けマルチテーマ対応デザインシステム"
+  },
+  "colors": {
+    "primitive": {
+      "gray": {
+        "50": "#F9FAFB",
+        "100": "#F3F4F6",
+        "200": "#E5E7EB",
+        "300": "#D1D5DB",
+        "400": "#9CA3AF",
+        "500": "#6B7280",
+        "600": "#4B5563",
+        "700": "#374151",
+        "800": "#1F2937",
+        "900": "#111827"
+      },
+      "red": {
+        "50": "#FEF2F2",
+        "100": "#FEE2E2",
+        "200": "#FECACA",
+        "300": "#FCA5A5",
+        "400": "#F87171",
+        "500": "#EF4444",
+        "600": "#DC2626",
+        "700": "#B91C1C",
+        "800": "#991B1B",
+        "900": "#7F1D1D"
+      },
+      "green": {
+        "50": "#F0FDF4",
+        "100": "#DCFCE7",
+        "200": "#BBF7D0",
+        "300": "#86EFAC",
+        "400": "#4ADE80",
+        "500": "#22C55E",
+        "600": "#16A34A",
+        "700": "#15803D",
+        "800": "#166534",
+        "900": "#14532D"
+      },
+      "orange": {
+        "50": "#FFF7ED",
+        "100": "#FFEDD5",
+        "200": "#FED7AA",
+        "300": "#FDBA74",
+        "400": "#FB923C",
+        "500": "#F97316",
+        "600": "#EA580C",
+        "700": "#C2410C",
+        "800": "#9A3412",
+        "900": "#7C2D12"
+      },
+      "amber": {
+        "50": "#FFFBEB",
+        "100": "#FEF3C7",
+        "200": "#FDE68A",
+        "300": "#FCD34D",
+        "400": "#FBBF24",
+        "500": "#F59E0B",
+        "600": "#D97706",
+        "700": "#B45309",
+        "800": "#92400E",
+        "900": "#78350F"
+      },
+      "teal": {
+        "50": "#F0FDFA",
+        "100": "#CCFBF1",
+        "200": "#99F6E4",
+        "300": "#5EEAD4",
+        "400": "#2DD4BF",
+        "500": "#14B8A6",
+        "600": "#0D9488",
+        "700": "#0F766E",
+        "800": "#115E59",
+        "900": "#134E4A"
+      },
+      "blue": {
+        "50": "#EFF6FF",
+        "100": "#DBEAFE",
+        "200": "#BFDBFE",
+        "300": "#93C5FD",
+        "400": "#60A5FA",
+        "500": "#3B82F6",
+        "600": "#2563EB",
+        "700": "#1D4ED8",
+        "800": "#1E40AF",
+        "900": "#1E3A8A"
+      },
+      "violet": {
+        "50": "#F5F3FF",
+        "100": "#EDE9FE",
+        "200": "#DDD6FE",
+        "300": "#C4B5FD",
+        "400": "#A78BFA",
+        "500": "#8B5CF6",
+        "600": "#7C3AED",
+        "700": "#6D28D9",
+        "800": "#5B21B6",
+        "900": "#4C1D95"
+      },
+      "pink": {
+        "50": "#FDF2F8",
+        "100": "#FCE7F3",
+        "200": "#FBCFE8",
+        "300": "#F9A8D4",
+        "400": "#F472B6",
+        "500": "#EC4899",
+        "600": "#DB2777",
+        "700": "#BE185D",
+        "800": "#9D174D",
+        "900": "#831843"
+      },
+      "gray-alpha": {
+        "50": "rgba(17, 24, 39, 0.02)",
+        "100": "rgba(17, 24, 39, 0.04)",
+        "200": "rgba(17, 24, 39, 0.08)",
+        "300": "rgba(17, 24, 39, 0.12)",
+        "400": "rgba(17, 24, 39, 0.16)",
+        "500": "rgba(17, 24, 39, 0.24)",
+        "600": "rgba(17, 24, 39, 0.36)",
+        "700": "rgba(17, 24, 39, 0.48)",
+        "800": "rgba(17, 24, 39, 0.64)",
+        "900": "rgba(17, 24, 39, 0.80)",
+        "1000": "rgba(17, 24, 39, 0.92)"
+      },
+      "white-alpha": {
+        "50": "rgba(255, 255, 255, 0.02)",
+        "100": "rgba(255, 255, 255, 0.04)",
+        "200": "rgba(255, 255, 255, 0.08)",
+        "300": "rgba(255, 255, 255, 0.16)",
+        "400": "rgba(255, 255, 255, 0.24)",
+        "500": "rgba(255, 255, 255, 0.36)",
+        "600": "rgba(255, 255, 255, 0.48)",
+        "700": "rgba(255, 255, 255, 0.64)",
+        "800": "rgba(255, 255, 255, 0.80)",
+        "900": "rgba(255, 255, 255, 0.92)",
+        "1000": "rgba(255, 255, 255, 1.00)"
+      },
+      "white": "#FFFFFF",
+      "black": "#000000"
+    },
+    "brand": {
+      "_doc": "テーマ差し替え対象の alias レイヤー（primitive＝不変原色とは別）。default テーマでは Blue ランプを『参照』で指す（Blue を複製した固定 hex は置かない＝ドリフトの温床を排除）。CSS では --Primitive-Brand-{shade} がこのスロットで、themes/*.css の @theme が値を差し替えることで全 semantic が連動する。",
+      "50": "var(--Primitive-Blue-50)",
+      "100": "var(--Primitive-Blue-100)",
+      "200": "var(--Primitive-Blue-200)",
+      "300": "var(--Primitive-Blue-300)",
+      "400": "var(--Primitive-Blue-400)",
+      "500": "var(--Primitive-Blue-500)",
+      "600": "var(--Primitive-Blue-600)",
+      "700": "var(--Primitive-Blue-700)",
+      "800": "var(--Primitive-Blue-800)",
+      "900": "var(--Primitive-Blue-900)"
+    },
+    "semantic": {
+      "surface": {
+        "primary": "var(--Primitive-White)",
+        "secondary": "var(--Primitive-Gray-50)",
+        "tertiary": "var(--Primitive-Gray-100)",
+        "quaternary": "var(--Primitive-Gray-200)",
+        "disable": "var(--Primitive-Gray-100)",
+        "inverse": "var(--Primitive-Gray-900)",
+        "accent-primary": "var(--Primitive-Brand-500)",
+        "accent-primary-light": "var(--Primitive-Brand-50)",
+        "accent-primary-ultra-light": "var(--Primitive-Brand-50)",
+        "caution": "var(--Primitive-Red-50)",
+        "success": "var(--Primitive-Green-50)",
+        "warning": "var(--Primitive-Amber-50)",
+        "info": "var(--Primitive-Blue-50)",
+        "caution-subtle": "rgba(239, 68, 68, 0.15)",
+        "success-subtle": "rgba(34, 197, 94, 0.15)",
+        "warning-subtle": "rgba(249, 115, 22, 0.15)",
+        "info-subtle": "rgba(59, 130, 246, 0.15)",
+        "accent-primary-subtle": "color-mix(in srgb, var(--Primitive-Brand-500) 15%, transparent)",
+        "caution-strong": "var(--Primitive-Red-500)",
+        "success-strong": "var(--Primitive-Green-500)",
+        "warning-strong": "var(--Primitive-Orange-500)",
+        "info-strong": "var(--Primitive-Blue-500)",
+        "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
+        "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
+        "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
+      },
+      "text": {
+        "high-emphasis": "var(--Primitive-Gray-900)",
+        "medium-emphasis": "var(--Primitive-Gray-700)",
+        "low-emphasis": "var(--Primitive-Gray-500)",
+        "disable": "var(--Primitive-Gray-400)",
+        "on-inverse": "var(--Primitive-White)",
+        "on-inverse-secondary": "var(--Primitive-White-Alpha-800)",
+        "accent-primary": "var(--Primitive-Brand-600)",
+        "success": "var(--Primitive-Green-700)",
+        "caution": "var(--Primitive-Red-600)",
+        "warning": "var(--Primitive-Orange-600)",
+        "info": "var(--Primitive-Blue-600)"
+      },
+      "object": {
+        "high-emphasis": "var(--Primitive-Gray-900)",
+        "medium-emphasis": "var(--Primitive-Gray-600)",
+        "low-emphasis": "var(--Primitive-Gray-400)",
+        "disable": "var(--Primitive-Gray-300)",
+        "on-inverse": "var(--Primitive-White)",
+        "accent-primary": "var(--Primitive-Brand-500)",
+        "caution": "var(--Primitive-Red-500)",
+        "success": "var(--Primitive-Green-500)",
+        "warning": "var(--Primitive-Orange-500)",
+        "info": "var(--Primitive-Blue-500)",
+        "favorite": "var(--Primitive-Red-500)",
+        "rating": "var(--Primitive-Amber-500)"
+      },
+      "border": {
+        "high-emphasis": "var(--Primitive-Gray-700)",
+        "medium-emphasis": "var(--Primitive-Gray-300)",
+        "low-emphasis": "var(--Primitive-Gray-200)",
+        "disable": "var(--Primitive-Gray-200)",
+        "accent-primary": "var(--Primitive-Brand-500)",
+        "caution": "var(--Primitive-Red-500)",
+        "success": "var(--Primitive-Green-500)",
+        "warning": "var(--Primitive-Orange-500)",
+        "info": "var(--Primitive-Blue-500)",
+        "accent-primary-subtle": "color-mix(in srgb, var(--Primitive-Brand-500) 30%, transparent)",
+        "caution-subtle": "rgba(239, 68, 68, 0.30)",
+        "success-subtle": "rgba(34, 197, 94, 0.30)",
+        "info-subtle": "rgba(59, 130, 246, 0.30)"
+      },
+      "brand": {
+        "primary": "var(--Primitive-Brand-600)",
+        "action": "var(--Primitive-Brand-700)",
+        "light": "var(--Primitive-Brand-100)",
+        "ultra-light": "var(--Primitive-Brand-50)",
+        "line": "#06C755",
+        "google-border": "#DADCE0",
+        "apple": "#000000",
+        "amazon": "#232F3E",
+        "amazon-accent": "#FF9900"
+      },
+      "hover": {
+        "primary-button": "var(--Primitive-Brand-700)",
+        "secondary-button": "var(--Primitive-Brand-50)",
+        "tertiary-button": "var(--Primitive-Gray-100)",
+        "ghost-button": "var(--Primitive-Gray-100)",
+        "destructive-button": "var(--Primitive-Red-700)"
+      },
+      "active": {
+        "primary-button": "var(--Primitive-Brand-800)",
+        "secondary-button": "var(--Primitive-Brand-100)",
+        "tertiary-button": "var(--Primitive-Gray-200)",
+        "destructive-button": "var(--Primitive-Red-800)"
+      },
+      "overlay": {
+        "dark": "var(--Primitive-Gray-Alpha-800)",
+        "medium": "var(--Primitive-Gray-Alpha-600)",
+        "light": "var(--Primitive-Gray-Alpha-200)"
+      },
+      "focus": {
+        "high-emphasis": "var(--Primitive-Brand-400)"
+      },
+      "caution": {
+        "base": "var(--Primitive-Red-600)",
+        "action": "var(--Primitive-Red-700)"
+      },
+      "success": {
+        "base": "var(--Primitive-Green-600)"
+      },
+      "warning": {
+        "base": "var(--Primitive-Orange-600)"
+      },
+      "info": {
+        "base": "var(--Primitive-Blue-600)"
+      },
+      "brandExternal": {
+        "line": "#06C755",
+        "googleBorder": "#DADCE0",
+        "apple": "#000000",
+        "amazon": "#232F3E",
+        "amazonAccent": "#FF9900"
+      },
+      "categorical": {
+        "_doc": "テーマ非依存の質的（カテゴリ識別用）パレット。Brand には連動しない固定値。知覚的分離度（CVD配慮）の高い順に並んでおり、N色必要なら 1..N を順に使う。tier: base=ドット/アイコン/mark, subtle=背景ティント, bold=文字/ラベル。文字には bold を使う（白背景 ≥4.9:1 / 自分のsubtle上 ≥4.5:1）。base は明色相だと単独ドットで 3:1 未満になりうる。dark モード値は src/styles/categorical.css 参照。subtle ≈ color-mix(base 15%, white)。",
+        "1":  { "hue": "red",     "base": "#EF4444", "subtle": "#FEE2E2", "bold": "#B91C1C" },
+        "2":  { "hue": "sky",     "base": "#0EA5E9", "subtle": "#E0F2FE", "bold": "#0369A1" },
+        "3":  { "hue": "teal",    "base": "#14B8A6", "subtle": "#CCFBF1", "bold": "#0F766E" },
+        "4":  { "hue": "slate",   "base": "#64748B", "subtle": "#F1F5F9", "bold": "#334155" },
+        "5":  { "hue": "yellow",  "base": "#EAB308", "subtle": "#FEF9C3", "bold": "#A16207" },
+        "6":  { "hue": "indigo",  "base": "#6366F1", "subtle": "#E0E7FF", "bold": "#4338CA" },
+        "7":  { "hue": "orange",  "base": "#F97316", "subtle": "#FFEDD5", "bold": "#C2410C" },
+        "8":  { "hue": "cyan",    "base": "#06B6D4", "subtle": "#CFFAFE", "bold": "#0E7490" },
+        "9":  { "hue": "pink",    "base": "#EC4899", "subtle": "#FCE7F3", "bold": "#BE185D" },
+        "10": { "hue": "rose",    "base": "#F43F5E", "subtle": "#FFE4E6", "bold": "#BE123C" },
+        "11": { "hue": "blue",    "base": "#3B82F6", "subtle": "#DBEAFE", "bold": "#1D4ED8" },
+        "12": { "hue": "lime",    "base": "#84CC16", "subtle": "#ECFCCB", "bold": "#4D7C0F" },
+        "13": { "hue": "amber",   "base": "#F59E0B", "subtle": "#FEF3C7", "bold": "#B45309" },
+        "14": { "hue": "fuchsia", "base": "#D946EF", "subtle": "#FAE8FF", "bold": "#A21CAF" },
+        "15": { "hue": "purple",  "base": "#A855F7", "subtle": "#F3E8FF", "bold": "#7E22CE" },
+        "16": { "hue": "violet",  "base": "#8B5CF6", "subtle": "#EDE9FE", "bold": "#6D28D9" }
+      }
+    },
+    "semanticDark": {
+      "_doc": "ダークモード（.dark）の semantic トークン。テーマ差し替え（Brand）と mode 切り替え（light/dark）は直交した2軸。値は src/styles/semantic.css の .dark ブロックの機械可読ミラーで、__tests__/semantic-token-contract.test.ts が同期を保証する。実装は `<html class=\"dark\">` 等で .dark を付与すると Semantic 層が自動反転する（コンポーネント側の変更不要）。",
+      "surface": {
+        "primary": "var(--Primitive-Gray-900)",
+        "secondary": "var(--Primitive-Gray-800)",
+        "tertiary": "var(--Primitive-Gray-700)",
+        "quaternary": "var(--Primitive-Gray-600)",
+        "disable": "var(--Primitive-Gray-800)",
+        "inverse": "var(--Primitive-White)",
+        "accent-primary": "var(--Primitive-Brand-500)",
+        "accent-primary-light": "var(--Primitive-Brand-900)",
+        "accent-primary-ultra-light": "var(--Primitive-Brand-900)",
+        "caution": "#2d1414",
+        "success": "var(--Primitive-Green-900)",
+        "warning": "var(--Primitive-Amber-900)",
+        "info": "var(--Primitive-Blue-900)",
+        "caution-subtle": "rgba(248, 113, 113, 0.20)",
+        "success-subtle": "rgba(74, 222, 128, 0.20)",
+        "warning-subtle": "rgba(251, 146, 60, 0.20)",
+        "info-subtle": "rgba(96, 165, 250, 0.20)",
+        "accent-primary-subtle": "color-mix(in srgb, var(--Primitive-Brand-400) 20%, transparent)",
+        "caution-strong": "var(--Primitive-Red-500)",
+        "success-strong": "var(--Primitive-Green-500)",
+        "warning-strong": "var(--Primitive-Orange-500)",
+        "info-strong": "var(--Primitive-Blue-500)",
+        "videoOverlay-light": "rgba(0, 0, 0, 0.40)",
+        "videoOverlay-medium": "rgba(0, 0, 0, 0.60)",
+        "videoOverlay-strong": "rgba(0, 0, 0, 0.80)"
+      },
+      "text": {
+        "high-emphasis": "var(--Primitive-White-Alpha-1000)",
+        "medium-emphasis": "var(--Primitive-White-Alpha-800)",
+        "low-emphasis": "var(--Primitive-White-Alpha-600)",
+        "disable": "var(--Primitive-White-Alpha-400)",
+        "on-inverse": "var(--Primitive-Gray-900)",
+        "on-inverse-secondary": "var(--Primitive-Gray-700)",
+        "accent-primary": "var(--Primitive-Brand-400)",
+        "success": "var(--Primitive-Green-400)",
+        "caution": "var(--Primitive-Red-400)",
+        "warning": "var(--Primitive-Orange-400)",
+        "info": "var(--Primitive-Blue-400)"
+      },
+      "object": {
+        "high-emphasis": "var(--Primitive-White-Alpha-1000)",
+        "medium-emphasis": "var(--Primitive-White-Alpha-700)",
+        "low-emphasis": "var(--Primitive-White-Alpha-500)",
+        "disable": "var(--Primitive-White-Alpha-300)",
+        "on-inverse": "var(--Primitive-Gray-900)",
+        "accent-primary": "var(--Primitive-Brand-400)",
+        "caution": "var(--Primitive-Red-400)",
+        "success": "var(--Primitive-Green-400)",
+        "warning": "var(--Primitive-Orange-400)",
+        "info": "var(--Primitive-Blue-400)",
+        "favorite": "var(--Primitive-Red-400)",
+        "rating": "var(--Primitive-Amber-400)"
+      },
+      "border": {
+        "high-emphasis": "var(--Primitive-White-Alpha-500)",
+        "medium-emphasis": "var(--Primitive-White-Alpha-300)",
+        "low-emphasis": "var(--Primitive-White-Alpha-200)",
+        "disable": "var(--Primitive-White-Alpha-100)",
+        "accent-primary": "var(--Primitive-Brand-400)",
+        "caution": "var(--Primitive-Red-400)",
+        "success": "var(--Primitive-Green-400)",
+        "warning": "var(--Primitive-Orange-400)",
+        "info": "var(--Primitive-Blue-400)",
+        "accent-primary-subtle": "color-mix(in srgb, var(--Primitive-Brand-400) 40%, transparent)",
+        "caution-subtle": "rgba(248, 113, 113, 0.40)",
+        "success-subtle": "rgba(74, 222, 128, 0.40)",
+        "info-subtle": "rgba(96, 165, 250, 0.40)"
+      },
+      "brand": {
+        "primary": "var(--Primitive-Brand-400)",
+        "action": "var(--Primitive-Brand-300)",
+        "light": "var(--Primitive-Brand-900)",
+        "ultra-light": "var(--Primitive-Brand-900)"
+      },
+      "hover": {
+        "primary-button": "var(--Primitive-Brand-500)",
+        "secondary-button": "var(--Primitive-Brand-900)",
+        "tertiary-button": "var(--Primitive-White-Alpha-100)",
+        "ghost-button": "var(--Primitive-White-Alpha-100)",
+        "destructive-button": "var(--Primitive-Red-500)"
+      },
+      "active": {
+        "primary-button": "var(--Primitive-Brand-600)",
+        "secondary-button": "var(--Primitive-Brand-800)",
+        "tertiary-button": "var(--Primitive-White-Alpha-200)",
+        "destructive-button": "var(--Primitive-Red-600)"
+      },
+      "overlay": {
+        "dark": "var(--Primitive-Gray-Alpha-900)",
+        "medium": "var(--Primitive-Gray-Alpha-700)",
+        "light": "var(--Primitive-Gray-Alpha-400)"
+      },
+      "focus": {
+        "high-emphasis": "var(--Primitive-Brand-400)"
+      },
+      "caution": {
+        "base": "var(--Primitive-Red-400)",
+        "action": "var(--Primitive-Red-500)"
+      },
+      "success": {
+        "base": "var(--Primitive-Green-400)"
+      },
+      "warning": {
+        "base": "var(--Primitive-Orange-400)"
+      },
+      "info": {
+        "base": "var(--Primitive-Blue-400)"
+      }
+    }
+  },
+  "typography": {
+    "heading": {
+      "3xl": {
+        "size": "28px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "2xl": {
+        "size": "24px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "xl": {
+        "size": "21px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "lg": {
+        "size": "18px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "md": {
+        "size": "16px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "sm": {
+        "size": "14px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      }
+    },
+    "body": {
+      "lg": {
+        "size": "16px",
+        "weight": 400,
+        "lineHeight": 1.75
+      },
+      "md": {
+        "size": "14px",
+        "weight": 400,
+        "lineHeight": 1.75
+      },
+      "sm": {
+        "size": "12px",
+        "weight": 400,
+        "lineHeight": 1.5
+      },
+      "xs": {
+        "size": "10px",
+        "weight": 400,
+        "lineHeight": 1.5,
+        "restriction": "本文禁止。補助ラベル/メタ情報専用。本文の下限は body.sm(12px)。"
+      }
+    },
+    "label": {
+      "lg": {
+        "size": "16px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "md": {
+        "size": "14px",
+        "weight": 700,
+        "lineHeight": 1.5,
+        "letterSpacing": "0.04em"
+      },
+      "sm": {
+        "size": "12px",
+        "weight": 500,
+        "lineHeight": 1.5
+      },
+      "xs": {
+        "size": "10px",
+        "weight": 500,
+        "lineHeight": 1.5
+      }
+    },
+    "display": {
+      "xl": {
+        "size": "48px",
+        "weight": 700,
+        "lineHeight": 1.25,
+        "letterSpacing": "-0.02em"
+      },
+      "lg": {
+        "size": "36px",
+        "weight": 700,
+        "lineHeight": 1.3,
+        "letterSpacing": "-0.01em"
+      }
+    },
+    "caption": {
+      "size": "11px",
+      "weight": 400,
+      "lineHeight": 1.5,
+      "restriction": "非必須の注釈・法的表記のみ。本文には使わない（本文下限は body.sm=12px）。"
+    }
+  },
+  "spacing": {
+    "unit": "4px",
+    "scale": [
+      0,
+      4,
+      8,
+      12,
+      16,
+      20,
+      24,
+      28,
+      32,
+      36,
+      40,
+      44,
+      48,
+      52,
+      56,
+      60
+    ]
+  },
+  "borderRadius": {
+    "_doc": "キーは Tailwind v4 の rounded-* ユーティリティ名と一致し、値はそのクラスが実際に描画する px と同じ（独自の --radius-* @theme 上書きはせず、Tailwind v4 組み込みデフォルトをそのまま正本化）。none→sm(4)→md(6)→lg(8)→xl(12)→2xl(16)→full の連続スケールで『各クラスが何 px か』を漏れなく記載する。ただしコンポーネントで使う角丸語彙は意図的に絞っており、面/モーダル/シートは意味別トークン --Radius-Surface/Modal/Sheet を優先、素の rounded-* は contracts/rules.json P019 の許可セット（none/sm/md/lg/xl/2xl/full）に従う。md(6)/xl(12) は v1.32.0（Issue #35）で許可セットに追加。",
+    "none": "0px",
+    "sm": "4px",
+    "md": "6px",
+    "lg": "8px",
+    "xl": "12px",
+    "2xl": "16px",
+    "full": "9999px"
+  },
+  "shadows": {
+    "_doc": "影色はテーマ非依存の neutral（Gray-900 ベース rgba(17,24,39,…)）。Brand を差し替えても影が色被りしないよう青固定を廃止。ダークモードでは黒影が機能しないため別途 .dark 向けの調整（glow 方向）が必要。",
+    "sm": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    "md": "0 0 8px rgba(20, 20, 20, 0.08)",
+    "lg": "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12)",
+    "dialog": "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12), 0px 1px 4px 1px rgba(0, 0, 0, 0.2)",
+    "tooltip": "0px 8px 8px -4px rgba(17, 24, 39, 0.08), 0px 4px 6px -4px rgba(17, 24, 39, 0.12)"
+  },
+  "touchTargets": {
+    "_doc": "WCAG 2.5.5 (Target Size) / Apple HIG は 44×44 を最小推奨。主要操作（buttonCTA/iconButton/navItem/textInput）の min は 44px 以上。44 未満が避けられない chip は hitSlop（不可視の拡張タップ領域）で実効 44px を確保すること。",
+    "buttonCTA": {
+      "min": "44px",
+      "recommended": "48px"
+    },
+    "iconButton": {
+      "min": "44px",
+      "recommended": "48px"
+    },
+    "textInput": {
+      "min": "44px",
+      "recommended": "48px"
+    },
+    "chip": {
+      "min": "32px",
+      "recommended": "36px",
+      "hitSlop": "視覚 32〜36px ＋ 透明拡張で実効 44px を確保する"
+    },
+    "navItem": {
+      "min": "44px",
+      "recommended": "48px"
+    }
+  },
+  "themes": {
+    "default": {
+      "brand500": "#3B82F6",
+      "label": "Default (Blue)"
+    },
+    "blue": {
+      "brand500": "#3B82F6",
+      "label": "Blue (= Default の明示エイリアス)"
+    },
+    "orange": {
+      "brand500": "#F97316",
+      "label": "Orange (EC)"
+    },
+    "green": {
+      "brand500": "#16A34A",
+      "label": "Green (Healthcare)"
+    },
+    "violet": {
+      "brand500": "#7C3AED",
+      "label": "Violet (Premium)"
+    }
+  }
+}