creoui 0.20.1

package/dist/tokens.d.ts

@@ -0,0 +1,1038 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+/** Drawer / side sheet backdrop scrim — theme-agnostic 40% black overlay。 dark theme でも light theme でも統一して暗 backdrop を使う UX 慣習に従う。 中央 modal (dialog) はより重い注意を引くため `scrim-modal` (50%) を使う。 */
+export const ColorSurfaceScrim: string;
+/** Dialog (中央 modal) backdrop scrim — 50% black overlay。 drawer (40%) より強く content を後退させ、 user の注意を modal に集中させる。 dark/light theme 共通。 */
+export const ColorSurfaceScrimModal: string;
+/** Brand primary (base) */
+export const ColorThemesContrastDarkBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesContrastDarkBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesContrastDarkBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesContrastDarkBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesContrastDarkBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesContrastDarkBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesContrastDarkBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesContrastDarkBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesContrastDarkSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesContrastDarkSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesContrastDarkSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesContrastDarkSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesContrastDarkSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesContrastDarkSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesContrastDarkSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesContrastDarkSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesContrastDarkSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesContrastDarkSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesContrastDarkSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesContrastDarkSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesContrastDarkSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesContrastDarkSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesContrastDarkSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesContrastDarkSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesContrastDarkSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesContrastDarkSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesContrastDarkSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesContrastDarkSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesContrastDarkSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesContrastDarkSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesContrastDarkSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesContrastDarkSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesContrastDarkSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesContrastDarkSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesContrastDarkTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesContrastDarkTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesContrastDarkTextTertiary: string;
+/** Disabled text */
+export const ColorThemesContrastDarkTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesContrastDarkTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesContrastDarkShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesContrastDarkShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (contrast-dark、 high chroma で paradox identity を保持しつつ luminance UP で AAA contrast) */
+export const ColorThemesContrastDarkFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint (alpha 0.20 で contrast theme assertive) */
+export const ColorThemesContrastDarkFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesContrastDarkGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesContrastLightBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesContrastLightBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesContrastLightBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesContrastLightBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesContrastLightBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesContrastLightBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesContrastLightBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesContrastLightBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesContrastLightSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesContrastLightSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesContrastLightSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesContrastLightSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesContrastLightSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesContrastLightSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesContrastLightSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesContrastLightSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesContrastLightSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesContrastLightSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesContrastLightSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesContrastLightSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesContrastLightSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesContrastLightSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesContrastLightSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesContrastLightSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesContrastLightSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesContrastLightSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesContrastLightSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesContrastLightSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesContrastLightSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesContrastLightSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesContrastLightSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesContrastLightSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesContrastLightSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesContrastLightSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesContrastLightTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesContrastLightTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesContrastLightTextTertiary: string;
+/** Disabled text */
+export const ColorThemesContrastLightTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesContrastLightTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesContrastLightShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesContrastLightShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (contrast-light、 high chroma + luminance DOWN で AAA contrast on light bg) */
+export const ColorThemesContrastLightFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint (alpha 0.20 で contrast theme assertive) */
+export const ColorThemesContrastLightFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesContrastLightGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesMintDarkBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesMintDarkBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesMintDarkBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesMintDarkBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesMintDarkBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesMintDarkBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesMintDarkBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesMintDarkBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesMintDarkSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesMintDarkSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesMintDarkSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesMintDarkSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesMintDarkSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesMintDarkSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesMintDarkSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesMintDarkSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesMintDarkSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesMintDarkSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesMintDarkSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesMintDarkSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesMintDarkSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesMintDarkSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesMintDarkSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesMintDarkSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesMintDarkSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesMintDarkSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesMintDarkSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesMintDarkSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesMintDarkSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesMintDarkSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesMintDarkSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesMintDarkSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesMintDarkSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesMintDarkSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesMintDarkTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesMintDarkTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesMintDarkTextTertiary: string;
+/** Disabled text */
+export const ColorThemesMintDarkTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesMintDarkTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesMintDarkShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesMintDarkShadowStrong: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesMintDarkGradientHero: string;
+/** Focus ring color — outer 2px solid ring (mint-dark、 brand 同 hue + luminance UP で AAA contrast 確保) */
+export const ColorThemesMintDarkFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 ring を 「包む glow」 として演出 */
+export const ColorThemesMintDarkFocusRingHalo: string;
+/** Brand primary (base) */
+export const ColorThemesMintLightBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesMintLightBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesMintLightBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesMintLightBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesMintLightBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesMintLightBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesMintLightBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesMintLightBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesMintLightSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesMintLightSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesMintLightSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesMintLightSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesMintLightSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesMintLightSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesMintLightSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesMintLightSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesMintLightSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesMintLightSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesMintLightSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesMintLightSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesMintLightSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesMintLightSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesMintLightSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesMintLightSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesMintLightSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesMintLightSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesMintLightSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesMintLightSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesMintLightSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesMintLightSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesMintLightSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesMintLightSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesMintLightSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesMintLightSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesMintLightTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesMintLightTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesMintLightTextTertiary: string;
+/** Disabled text */
+export const ColorThemesMintLightTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesMintLightTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesMintLightShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesMintLightShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (mint-light、 brand 同 hue + luminance DOWN で AAA contrast on light bg) */
+export const ColorThemesMintLightFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 ring を 「包む glow」 として演出 */
+export const ColorThemesMintLightFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesMintLightGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesOldschoolDarkBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesOldschoolDarkBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesOldschoolDarkBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesOldschoolDarkBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesOldschoolDarkBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesOldschoolDarkBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesOldschoolDarkBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesOldschoolDarkBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesOldschoolDarkSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesOldschoolDarkSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesOldschoolDarkSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesOldschoolDarkSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesOldschoolDarkSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesOldschoolDarkSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesOldschoolDarkSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesOldschoolDarkSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesOldschoolDarkSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesOldschoolDarkSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesOldschoolDarkSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesOldschoolDarkSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesOldschoolDarkSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesOldschoolDarkSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesOldschoolDarkSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesOldschoolDarkSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesOldschoolDarkSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesOldschoolDarkSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesOldschoolDarkSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesOldschoolDarkSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesOldschoolDarkSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesOldschoolDarkSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesOldschoolDarkSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesOldschoolDarkSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesOldschoolDarkSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesOldschoolDarkSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesOldschoolDarkTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesOldschoolDarkTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesOldschoolDarkTextTertiary: string;
+/** Disabled text */
+export const ColorThemesOldschoolDarkTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesOldschoolDarkTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesOldschoolDarkShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesOldschoolDarkShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (oldschool-dark、 olive hue + luminance UP で AAA contrast) */
+export const ColorThemesOldschoolDarkFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 retro/corporate identity 保持 */
+export const ColorThemesOldschoolDarkFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesOldschoolDarkGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesOldschoolLightBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesOldschoolLightBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesOldschoolLightBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesOldschoolLightBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesOldschoolLightBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesOldschoolLightBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesOldschoolLightBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesOldschoolLightBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesOldschoolLightSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesOldschoolLightSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesOldschoolLightSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesOldschoolLightSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesOldschoolLightSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesOldschoolLightSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesOldschoolLightSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesOldschoolLightSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesOldschoolLightSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesOldschoolLightSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesOldschoolLightSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesOldschoolLightSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesOldschoolLightSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesOldschoolLightSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesOldschoolLightSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesOldschoolLightSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesOldschoolLightSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesOldschoolLightSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesOldschoolLightSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesOldschoolLightSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesOldschoolLightSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesOldschoolLightSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesOldschoolLightSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesOldschoolLightSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesOldschoolLightSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesOldschoolLightSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesOldschoolLightTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesOldschoolLightTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesOldschoolLightTextTertiary: string;
+/** Disabled text */
+export const ColorThemesOldschoolLightTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesOldschoolLightTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesOldschoolLightShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesOldschoolLightShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (oldschool-light、 olive hue + luminance DOWN で AAA contrast on paper-like bg) */
+export const ColorThemesOldschoolLightFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 retro/corporate identity 保持 */
+export const ColorThemesOldschoolLightFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesOldschoolLightGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesSoraDarkBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesSoraDarkBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesSoraDarkBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesSoraDarkBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesSoraDarkBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesSoraDarkBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesSoraDarkBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesSoraDarkBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesSoraDarkSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesSoraDarkSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesSoraDarkSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesSoraDarkSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesSoraDarkSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesSoraDarkSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesSoraDarkSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesSoraDarkSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesSoraDarkSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesSoraDarkSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesSoraDarkSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesSoraDarkSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesSoraDarkSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesSoraDarkSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesSoraDarkSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesSoraDarkSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesSoraDarkSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesSoraDarkSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesSoraDarkSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesSoraDarkSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesSoraDarkSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesSoraDarkSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesSoraDarkSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesSoraDarkSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesSoraDarkSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesSoraDarkSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesSoraDarkTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesSoraDarkTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesSoraDarkTextTertiary: string;
+/** Disabled text */
+export const ColorThemesSoraDarkTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesSoraDarkTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesSoraDarkShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesSoraDarkShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (sora-dark、 brand 同 hue + luminance UP で AAA contrast) */
+export const ColorThemesSoraDarkFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 ring を 「包む glow」 として演出 */
+export const ColorThemesSoraDarkFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesSoraDarkGradientHero: string;
+/** Brand primary (base) */
+export const ColorThemesSoraLightBrandPrimary: string;
+/** Brand primary — hover */
+export const ColorThemesSoraLightBrandPrimaryHover: string;
+/** Brand primary — active / pressed */
+export const ColorThemesSoraLightBrandPrimaryActive: string;
+/** Brand primary — subtle tint surface */
+export const ColorThemesSoraLightBrandPrimarySubtle: string;
+/** Brand secondary (base) */
+export const ColorThemesSoraLightBrandSecondary: string;
+/** Brand secondary — hover */
+export const ColorThemesSoraLightBrandSecondaryHover: string;
+/** Brand secondary — active / pressed */
+export const ColorThemesSoraLightBrandSecondaryActive: string;
+/** Brand secondary — subtle tint surface */
+export const ColorThemesSoraLightBrandSecondarySubtle: string;
+/** Semantic success (base) */
+export const ColorThemesSoraLightSemanticSuccess: string;
+/** Semantic success — hover */
+export const ColorThemesSoraLightSemanticSuccessHover: string;
+/** Semantic success — active */
+export const ColorThemesSoraLightSemanticSuccessActive: string;
+/** Semantic success — subtle surface */
+export const ColorThemesSoraLightSemanticSuccessSubtle: string;
+/** Semantic success — text on tinted bg */
+export const ColorThemesSoraLightSemanticSuccessText: string;
+/** Semantic warning (base) */
+export const ColorThemesSoraLightSemanticWarning: string;
+/** Semantic warning — hover */
+export const ColorThemesSoraLightSemanticWarningHover: string;
+/** Semantic warning — active */
+export const ColorThemesSoraLightSemanticWarningActive: string;
+/** Semantic warning — subtle surface */
+export const ColorThemesSoraLightSemanticWarningSubtle: string;
+/** Semantic warning — text on tinted bg */
+export const ColorThemesSoraLightSemanticWarningText: string;
+/** Semantic error (base) */
+export const ColorThemesSoraLightSemanticError: string;
+/** Semantic error — hover */
+export const ColorThemesSoraLightSemanticErrorHover: string;
+/** Semantic error — active */
+export const ColorThemesSoraLightSemanticErrorActive: string;
+/** Semantic error — subtle surface */
+export const ColorThemesSoraLightSemanticErrorSubtle: string;
+/** Semantic error — text on tinted bg */
+export const ColorThemesSoraLightSemanticErrorText: string;
+/** Semantic info (base) */
+export const ColorThemesSoraLightSemanticInfo: string;
+/** Semantic info — hover */
+export const ColorThemesSoraLightSemanticInfoHover: string;
+/** Semantic info — active */
+export const ColorThemesSoraLightSemanticInfoActive: string;
+/** Semantic info — subtle surface */
+export const ColorThemesSoraLightSemanticInfoSubtle: string;
+/** Semantic info — text on tinted bg */
+export const ColorThemesSoraLightSemanticInfoText: string;
+/** Root background — page canvas */
+export const ColorThemesSoraLightSurfaceBgBase: string;
+/** Subtle background — panels, sections */
+export const ColorThemesSoraLightSurfaceBgSubtle: string;
+/** Emphasized background — highlighted regions */
+export const ColorThemesSoraLightSurfaceBgEmphasis: string;
+/** Card / modal / elevated container surface */
+export const ColorThemesSoraLightSurfaceSurface: string;
+/** Default border / divider */
+export const ColorThemesSoraLightSurfaceBorder: string;
+/** Subtle border — quiet separators */
+export const ColorThemesSoraLightSurfaceBorderSubtle: string;
+/** Primary foreground text */
+export const ColorThemesSoraLightTextPrimary: string;
+/** Secondary text — supporting copy */
+export const ColorThemesSoraLightTextSecondary: string;
+/** Tertiary text — captions, hints */
+export const ColorThemesSoraLightTextTertiary: string;
+/** Disabled text */
+export const ColorThemesSoraLightTextDisabled: string;
+/** Inverse text — on dark surfaces */
+export const ColorThemesSoraLightTextInverse: string;
+/** Shadow tint — default */
+export const ColorThemesSoraLightShadowBase: string;
+/** Shadow tint — strong */
+export const ColorThemesSoraLightShadowStrong: string;
+/** Focus ring color — outer 2px solid ring (sora-light、 brand 同 hue + luminance DOWN で AAA contrast on light bg) */
+export const ColorThemesSoraLightFocusRingColor: string;
+/** Focus halo — inner 4px subtle bg tint、 ring を 「包む glow」 として演出 */
+export const ColorThemesSoraLightFocusRingHalo: string;
+/** Hero gradient — marketing / splash surfaces */
+export const ColorThemesSoraLightGradientHero: string;
+/** Default density — base spacing そのまま (4 mode の現状値) */
+export const DensityDefaultPaddingScale: string;
+/** Default density — base gap そのまま */
+export const DensityDefaultGapScale: string;
+/** Default density — base target そのまま */
+export const DensityDefaultMinHeightScale: string;
+/** Comfortable density — base × 1.25、 広い呼吸 (reading mode / hero / onboarding) */
+export const DensityComfortablePaddingScale: string;
+/** Comfortable density — gap も × 1.25 で element 間に余裕 */
+export const DensityComfortableGapScale: string;
+/** Comfortable density — target × 1.1 (tap も focus も少し大きく) */
+export const DensityComfortableMinHeightScale: string;
+/** Compact density — base × 0.85、 dense interface (data table / dashboard / dev tool) */
+export const DensityCompactPaddingScale: string;
+/** Compact density — gap も × 0.85 */
+export const DensityCompactGapScale: string;
+/** Compact density — target × 0.95 (tap >= 44px は維持、 focus は少し縮) */
+export const DensityCompactMinHeightScale: string;
+/** Cozy density — base × 0.7、 最も dense (terminal mode / log viewer / max info-density) */
+export const DensityCozyPaddingScale: string;
+/** Cozy density — gap も × 0.7 */
+export const DensityCozyGapScale: string;
+/** Cozy density — target × 0.85 (a11y minimum 24px は超える) */
+export const DensityCozyMinHeightScale: string;
+/** Flat — z=0、 base plane (no elevation) */
+export const DepthFlat: string;
+/** Raised — subtle hover lift / sidebar active item */
+export const DepthRaised: string;
+/** Elevated — card / hero default forward (5-step rule の中央) */
+export const DepthElevated: string;
+/** Floating — feature card hover / popover / dropdown */
+export const DepthFloating: string;
+/** Modal — overlay / dialog / drawer の前面 (最深 elevation) */
+export const DepthModal: string;
+/** TOP 領域 accent — global tools / 視線の起点 (active theme の brand secondary に追従) */
+export const EditorModeAxisGlobal: string;
+/** BOTTOM 領域 accent — ローカル utility (active theme の text tertiary) */
+export const EditorModeAxisUtility: string;
+/** LEFT 領域 accent — 時系列過去 / 参照 / 元ソース (active theme の semantic info) */
+export const EditorModeAxisPast: string;
+/** RIGHT 領域 accent — 時系列未来 / ツール / 生成 (active theme の brand primary) */
+export const EditorModeAxisFuture: string;
+/** Editor Layer 最背面の opacity。デフォルト 0 (完全透過) で Content Layer を遮らない */
+export const EditorModeOverlayBackdropOpacity: number;
+/** Field label の text 色 (active theme の text secondary) */
+export const EditorModePanelFieldLabel: string;
+/** Field value の text 色 (active theme の text primary) */
+export const EditorModePanelFieldValue: string;
+/** Field group の区切り線 (active theme の border subtle) */
+export const EditorModePanelSeparator: string;
+/** Field 同士の縦間隔 */
+export const EditorModePanelFieldGap: string;
+/** Field group 間の縦間隔 */
+export const EditorModePanelGroupGap: string;
+/** Region 背景の base RGB (active theme に追従) */
+export const EditorModeRegionBgColor: string;
+/** Region 背景の 不透明度 (0.0-1.0)。Content を完全に隠さず薄く透かす */
+export const EditorModeRegionBgOpacity: number;
+/** Region の輪郭色 (active theme に追従) */
+export const EditorModeRegionBorder: string;
+/** Region 内側の padding */
+export const EditorModeRegionPadding: string;
+/** TOP region の固定高さ (Content を大きく隠さないコンパクトサイズ) */
+export const EditorModeRegionTopHeight: string;
+/** BOTTOM region の固定高さ */
+export const EditorModeRegionBottomHeight: string;
+/** LEFT region の default 幅 (collapsible) */
+export const EditorModeRegionLeftWidth: string;
+/** RIGHT region の default 幅 (tool panel、左より広め) */
+export const EditorModeRegionRightWidth: string;
+/** Editor mode 中の hover outline (ghost highlight、Content を触らず上に描画) */
+export const EditorModeSelectionOutlineHover: string;
+/** 選択中の要素 outline (active theme の brand primary) */
+export const EditorModeSelectionOutlineActive: string;
+/** Selection outline の太さ */
+export const EditorModeSelectionOutlineWidth: string;
+/** 要素から outline までの offset (要素本体を遮らない) */
+export const EditorModeSelectionOutlineOffset: string;
+/** Outer ring width — WCAG 2.4.11 minimum 2px contrast border、 thinner だと visible 不足 */
+export const FocusRingWidth: string;
+/** Outline offset — 要素境界から 2px 離す (要素を遮らず ring が呼吸) */
+export const FocusRingOffset: string;
+/** Inner halo width — outer ring の補完 subtle bg tint、 ring を 「包む glow」 として演出 */
+export const FocusRingHaloWidth: string;
+/** Outline style — solid のみ採用 (dashed は精度に欠ける、 double は thicker 設計) */
+export const FocusRingStyle: string;
+/** Default perspective — page-level spatial frame (subtle 3D) */
+export const FramePerspectiveDefault: string;
+/** Shallow — closer camera、 dramatic 3D (hero / playground) */
+export const FramePerspectiveShallow: string;
+/** Deep — farther camera、 subtle 3D (long-form content / reading) */
+export const FramePerspectiveDeep: string;
+/** Extra-narrow column — single-line CTA / standalone form / compact dialog body。 mobile portrait の effective text width に近い、 minimal modal stage。 */
+export const LayoutContainerXs: string;
+/** Narrow column — short form / single-line input collection / compact reading. iPhone 15 Pro Max landscape (932×430) や dense modal と整合。 */
+export const LayoutContainerS: string;
+/** Default reading-friendly — 60-80 char line for long-form text. iPad portrait の content viewport と整合。 */
+export const LayoutContainerM: string;
+/** Dashboard / table-rich content — multi-column tables / data lists. iPad landscape / 13" laptop の effective viewport。 */
+export const LayoutContainerL: string;
+/** Hero / multi-column layout — landing / marketing / wide app shell。 14" laptop 以上 desktop の comfortable upper bound。 */
+export const LayoutContainerXl: string;
+/** Tight gap — icon+label inline, chip group, closely-related siblings */
+export const LayoutGapTight: string;
+/** Default sibling gap — between stacked elements (list items, form fields) */
+export const LayoutGapSibling: string;
+/** Section-to-section gap — thematic block break (between content sections) */
+export const LayoutGapSection: string;
+/** Page-level break — hero / footer separation, landing page major divisions */
+export const LayoutGapPage: string;
+/** auto-fit grid 最小 column 幅 (xs cells) — chip / avatar grid / icon-only tile。 dense 並びで多数表示が前提の最小単位。 */
+export const LayoutGridColMinXs: string;
+/** auto-fit grid 最小 column 幅 (s cells) — image thumbnail / icon tile / chip group 等の 密 grid 向け。 */
+export const LayoutGridColMinS: string;
+/** auto-fit grid 最小 column 幅 (m cells) — card list / preview tile の標準サイズ、 readable summary を含む card に最適。 */
+export const LayoutGridColMinM: string;
+/** auto-fit grid 最小 column 幅 (l cells) — content card with headline + 1-2 line description + meta、 article preview。 */
+export const LayoutGridColMinL: string;
+/** auto-fit grid 最小 column 幅 (xl cells) — feature card / hero tile、 multi-line description + CTA を含む rich card。 */
+export const LayoutGridColMinXl: string;
+/** Minimum tap target — Apple HIG accessibility requirement (modals, buttons on touch devices) */
+export const LayoutTargetTap: string;
+/** Minimum focus target — pointer devices / desktop-first (smaller than tap but still comfortable) */
+export const LayoutTargetFocus: string;
+/** Minimum hit target — dense UI (toolbars, inline actions), still WCAG-reasonable with hover affordance */
+export const LayoutTargetHit: string;
+/** Extra-small margin — tight stack (paragraph spacing, inline gap) */
+export const MarginXs: string;
+/** Small margin — standard vertical rhythm between elements */
+export const MarginS: string;
+/** Medium margin — component block separation (default、 spacing.m と揃える) */
+export const MarginM: string;
+/** Large margin — section divider (between thematic blocks) */
+export const MarginL: string;
+/** Extra-large margin — major section or hero break (page-level breathing) */
+export const MarginXl: string;
+/** Instant — micro feedback (button click flash 等) */
+export const MotionDurationInstant: string;
+/** Fast — small UI transitions (tooltip / hover) */
+export const MotionDurationFast: string;
+/** Normal — default transition (card lift / nav switch、 5-step 中央) */
+export const MotionDurationNormal: string;
+/** Slow — Frame morph / page transition (perceptible motion) */
+export const MotionDurationSlow: string;
+/** Lazy — large layout shift / hero reveal (deliberate) */
+export const MotionDurationLazy: string;
+/** Linear — constant velocity (progress bars 等の cumulative motion) */
+export const MotionEasingLinear: string;
+/** Ease-in — slow start, fast end (退場 animation) */
+export const MotionEasingIn: string;
+/** Ease-out — fast start, slow end (登場 animation、 Material 3 default) */
+export const MotionEasingOut: string;
+/** Ease-in-out — smooth both ends (state change、 standard default) */
+export const MotionEasingInOut: string;
+/** Spring — Creo brand bouncy curve (3D Frame morph / lively interactions) */
+export const MotionEasingSpring: string;
+/** Hover transition duration — fast (160ms)、 small surface motion で 「変化が現れる」 感 */
+export const MotionMappingHoverDuration: string;
+/** Hover transition easing — ease-out で 「登場 → 落ち着く」 (Material 3 default) */
+export const MotionMappingHoverEasing: string;
+/** Press transition duration — instant (80ms) で micro feedback、 押下の即時感 */
+export const MotionMappingPressDuration: string;
+/** Press transition easing — ease-in で 「押し込み」 (急停止) */
+export const MotionMappingPressEasing: string;
+/** Toggle transition duration — normal (220ms) で滑らかな state change */
+export const MotionMappingToggleDuration: string;
+/** Toggle transition easing — in-out で両端滑らか (radio / checkbox / switch / segmented) */
+export const MotionMappingToggleEasing: string;
+/** Focus ring transition duration — instant (80ms) で keyboard tab に即応 */
+export const MotionMappingFocusRingDuration: string;
+/** Focus ring transition easing — ease-out で「ring が現れる」 */
+export const MotionMappingFocusRingEasing: string;
+/** Dropdown / popover / tooltip duration — fast (160ms) で軽快な登場 */
+export const MotionMappingDropdownDuration: string;
+/** Dropdown easing — ease-out で 「ふわっと出る」 */
+export const MotionMappingDropdownEasing: string;
+/** Modal entry duration — slow (320ms) で「落ち着いた登場」 (modal / drawer / dialog) */
+export const MotionMappingModalEnterDuration: string;
+/** Modal entry easing — ease-out で fast → slow (前面に現れて止まる) */
+export const MotionMappingModalEnterEasing: string;
+/** Modal exit duration — normal (220ms) で「素早く消える」 */
+export const MotionMappingModalExitDuration: string;
+/** Modal exit easing — ease-in で slow → fast (退場、 引っ込む) */
+export const MotionMappingModalExitEasing: string;
+/** Page route transition duration — normal (220ms) で滑らかな移動 */
+export const MotionMappingPageTransitionDuration: string;
+/** Page transition easing — in-out で両端滑らか (route 変化) */
+export const MotionMappingPageTransitionEasing: string;
+/** Frame system morph duration — slow (320ms)、 Creo brand identity の「呼吸」 */
+export const MotionMappingFrameMorphDuration: string;
+/** Frame morph easing — spring で Creo brand bouncy (3D depth metaphor articulate) */
+export const MotionMappingFrameMorphEasing: string;
+/** Skeleton shimmer duration — lazy (480ms) で loading の cumulative motion */
+export const MotionMappingSkeletonShimmerDuration: string;
+/** Skeleton shimmer easing — linear で「途切れない流れ」 (loading は時間流動) */
+export const MotionMappingSkeletonShimmerEasing: string;
+/** Progress indeterminate bar duration — lazy (480ms) で end-less cumulative motion */
+export const MotionMappingProgressIndeterminateDuration: string;
+/** Progress indeterminate easing — linear で constant velocity (途中 progress 表現) */
+export const MotionMappingProgressIndeterminateEasing: string;
+/** No rounding — explicit reset (special, outside 5 tier rule) */
+export const RadiusNone: string;
+/** Extra-small radius — minimal rounding (chips, tags) */
+export const RadiusXs: string;
+/** Small radius — subtle rounding (buttons, inputs) */
+export const RadiusS: string;
+/** Medium radius — cards, popovers (soft friendly feel) */
+export const RadiusM: string;
+/** Large radius — modals, larger surfaces */
+export const RadiusL: string;
+/** Extra-large radius — hero surfaces */
+export const RadiusXl: string;
+/** Fully rounded — pill shapes and circles (special, outside 5 tier rule) */
+export const RadiusFull: string;
+/** No shadow */
+export const ShadowNone: string;
+/** Small elevation — quiet lift for subtle layers */
+export const ShadowS: string;
+/** Medium elevation — cards, dropdowns */
+export const ShadowM: string;
+/** Large elevation — popovers, overlays */
+export const ShadowL: string;
+/** Extra-large elevation — modals, focal surfaces */
+export const ShadowXl: string;
+/** Extra-small spacing — 4px (base unit) */
+export const SpacingXs: string;
+/** Small spacing — 8px */
+export const SpacingS: string;
+/** Medium spacing — 18px (default gap between UI elements) */
+export const SpacingM: string;
+/** Large spacing — 24px */
+export const SpacingL: string;
+/** Extra-large spacing — 32px */
+export const SpacingXl: string;
+/** Lead body — opening paragraph / intro (larger, invites reading) */
+export const TypographyBodyLead: string;
+/** Default body — regular paragraph text (最もよく使う) */
+export const TypographyBodyDefault: string;
+/** Emphasis body — default size with stronger weight (意味的な強調、size は default と同じ) */
+export const TypographyBodyEmphasis: string;
+/** Helper text — form helper, status message, secondary info */
+export const TypographyBodyHelper: string;
+/** Caption — image caption, footnote, meta info (smallest readable body) */
+export const TypographyBodyCaption: string;
+/** Display xs — smallest heading (h4 / section title / card title) */
+export const TypographyDisplayXs: string;
+/** Display s — standard heading (h3 / article title / section headline) */
+export const TypographyDisplayS: string;
+/** Display m — default hero / h2 (Creo aesthetic: 柔らかく強い存在感) */
+export const TypographyDisplayM: string;
+/** Display l — page hero / h1 */
+export const TypographyDisplayL: string;
+/** Display xl — landing mega headline / promotional hero */
+export const TypographyDisplayXl: string;
+/** Default UI sans-serif family (multi-language: EN/JA/KO, multi-platform: macOS/Win/Linux) */
+export const TypographyFamilySans: string;
+/** Default monospace family for code blocks, tokens, IDs. Top 5 Nerd Fonts (JetBrainsMono / FiraCode / Cascadia / Iosevka / 0xProto) を primary fallback、IBM Plex Mono を corporate fallback。Nerd Font が install 済なら icon glyph も同 stack で使える */
+export const TypographyFamilyMono: string;
+/** Mono variant for accessibility / high legibility. Atkinson Hyperlegible Mono (Braille Institute) + Hack を主軸。低視力 / 小サイズ / long session で読みやすさ最優先 */
+export const TypographyFamilyMonoLegible: string;
+/** Mono variant for retro / pixel / lo-fi aesthetic. Departure Mono / GohuFont / 3270 / Terminus の bitmap-like / pixel-perfect な font 群。display heading や theme アクセントで使う */
+export const TypographyFamilyMonoRetro: string;
+/** Mono variant for corporate / professional tone. IBM Plex Mono が主軸 (Plex Sans/Serif と family 統一可)、Adwaita Mono が GNOME/Linux native flavor */
+export const TypographyFamilyMonoCorporate: string;
+/** Mono variant for display / heading / cyberpunk aesthetic. Share Tech Mono (CRT terminal feel) や Victor Mono (cursive italic 強調) が主軸。banner / hero / accent 用 */
+export const TypographyFamilyMonoDisplay: string;
+/** Display family — heroes, large marketing headlines (multi-platform) */
+export const TypographyFamilyDisplay: string;
+/** Icon family — Nerd Fonts (~10k アイコン: devicons / octicons / font-awesome / material) + OS native emoji fallback。Nerd Font 未 install 環境では emoji / 普通文字に degrade */
+export const TypographyFamilyIcon: string;
+/** App UI mode — chrome 全般 (sidebar / button / dialog / tab)。等幅 + Nerd Font icon、CJK は PlemolJP fallback で完全等幅統一。VP Phase A1 default */
+export const TypographyFamilyApp: string;
+/** Read mode — 読み専用表示 (memory view / chat history / canvas markdown render / log viewer)。PlemolJP の Plex Sans JP + JetBrains Mono Latin で CJK 完全等幅統一 */
+export const TypographyFamilyRead: string;
+/** Editor mode (write、default) — textarea / Markdown editor / chat input。iA Writer Duo の Duospace で writer 体験、CJK は PlemolJP */
+export const TypographyFamilyEditor: string;
+/** Editor mode option — 純粋 mono。iA Writer Mono、コード重視 user 向け */
+export const TypographyFamilyEditorMono: string;
+/** Editor mode option — semi-proportional。iA Writer Quattro、長文散文 user 向け */
+export const TypographyFamilyEditorQuattro: string;
+/** Terminal mode — xterm.js (app と同じ stack だが意味的に分離、将来 terminal 専用調整に拡張可) */
+export const TypographyFamilyTerminal: string;
+/** Tiny inline icon — text-flow に並ぶ 1em 相当の補助 mark / favicon / dense list の leading icon。 */
+export const TypographyIconXs: string;
+/** Small icon — button / input / chip の leading mark、 toolbar action。 base 16px text と並ぶ comfortable 比率。 */
+export const TypographyIconS: string;
+/** Icon display — list item / inline 強調。 emoji や icon font の visual size、 typography size とは別 scale。 */
+export const TypographyIconM: string;
+/** Icon display — empty-state default / card header / feature illustration。 */
+export const TypographyIconL: string;
+/** Icon display — empty-state large variant / hero illustration / onboarding。 page-level の visual anchor。 */
+export const TypographyIconXl: string;
+/** Tight line-height — headings */
+export const TypographyLineHeightTight: number;
+/** Normal line-height — default body */
+export const TypographyLineHeightNormal: number;
+/** Relaxed line-height — long-form text, CJK languages */
+export const TypographyLineHeightRelaxed: number;
+/** Caption / meta text */
+export const TypographySizeXs: string;
+/** Small body / helper text */
+export const TypographySizeS: string;
+/** Default body text */
+export const TypographySizeM: string;
+/** Large body / subheading */
+export const TypographySizeL: string;
+/** Largest body / small heading (h4) */
+export const TypographySizeXl: string;
+/** Hero title — landing page mega headline (promotional / marketing) */
+export const TypographyTitleHero: string;
+/** Page title — h1 (article title, app screen heading) */
+export const TypographyTitlePage: string;
+/** Section title — h2 (thematic block within a page) */
+export const TypographyTitleSection: string;
+/** Subsection title — h3 (nested group within a section) */
+export const TypographyTitleSubsection: string;
+/** Card title — h4 (inline block title, table header, menu label) */
+export const TypographyTitleCard: string;
+/** Regular body weight */
+export const TypographyWeightRegular: number;
+/** Medium emphasis */
+export const TypographyWeightMedium: number;
+/** Semi-bold — subheadings, buttons */
+export const TypographyWeightSemibold: number;
+/** Bold — headings */
+export const TypographyWeightBold: number;