// // EN: This file is auto-generated by the Style Dictionary pipeline. // Do NOT edit manually. Update tokens/*.json and re-run the build. // VI: File này được tạo tự động bởi Style Dictionary pipeline. // KHÔNG chỉnh sửa thủ công. Cập nhật tokens/*.json và build lại. // namespace GoodGo.BlazorUi.DesignTokens; /// /// EN: Auto-generated design token constants. Maps 1:1 with CSS custom properties. /// VI: Hằng số design token tự động. Ánh xạ 1:1 với CSS custom properties. /// public static class DesignTokens { public const string BorderRadiusBase = "6px"; // Default border radius public const string BorderRadiusLg = "10px"; // Large border radius public const string BorderRadiusXl = "14px"; // XL border radius public const string BorderRadius2xl = "20px"; // 2XL border radius public const string ColorPrimitiveNeutral0 = "#ffffff"; // Pure white public const string ColorPrimitiveNeutral50 = "#fafafa"; // Near white public const string ColorPrimitiveNeutral100 = "#ADADB0"; // Light gray public const string ColorPrimitiveNeutral200 = "#8B8B90"; // Medium gray public const string ColorPrimitiveNeutral300 = "#6B6B70"; // Muted gray public const string ColorPrimitiveNeutral400 = "#3A3A3E"; // Dark gray public const string ColorPrimitiveNeutral500 = "#2A2A2E"; // Darker gray public const string ColorPrimitiveNeutral600 = "#1F1F23"; // Surface border public const string ColorPrimitiveNeutral700 = "#1A1A1D"; // Elevated surface public const string ColorPrimitiveNeutral800 = "#111113"; // Base surface public const string ColorPrimitiveNeutral900 = "#0A0A0B"; // Page background public const string ColorPrimitiveNeutral950 = "#050506"; // Near black public const string ColorPrimitiveAccent400 = "#FF8A4C"; // Orange light public const string ColorPrimitiveAccent500 = "#FF5C00"; // Orange primary public const string ColorPrimitiveAccent600 = "#E05200"; // Orange dark public const string ColorPrimitiveSuccess500 = "#22C55E"; // Success green public const string ColorPrimitiveWhite = "#ffffff"; public const string ColorPrimitiveBlack = "#000000"; public const string ColorPrimitiveOverlay = "rgba(0, 0, 0, 0.6)"; public const string ColorSemanticBgPage = "#0A0A0B"; // Page background public const string ColorSemanticBgSurface = "#111113"; // Card / panel surface public const string ColorSemanticBgElevated = "#1A1A1D"; // Elevated elements public const string ColorSemanticBgInteractive = "#2A2A2E"; // Interactive backgrounds public const string ColorSemanticBgSurfaceHover = "#1F1F23"; // Hover state public const string ColorSemanticBgOverlay = "rgba(10, 10, 11, 0.9)"; // Modal overlay public const string ColorSemanticTextPrimary = "#ffffff"; // Primary text public const string ColorSemanticTextSecondary = "#ADADB0"; // Secondary text public const string ColorSemanticTextTertiary = "#8B8B90"; // Tertiary / helper text public const string ColorSemanticTextDisabled = "#6B6B70"; // Disabled text public const string ColorSemanticTextMuted = "rgba(255, 255, 255, 0.8)"; // Muted white text public const string ColorSemanticTextInverse = "#0A0A0B"; // Inverse (dark on light) public const string ColorSemanticAccentPrimary = "#FF5C00"; // Brand orange public const string ColorSemanticAccentLight = "#FF8A4C"; // Light orange public const string ColorSemanticAccentGlow = "rgba(255, 92, 0, 0.15)"; // Subtle glow public const string ColorSemanticAccentGlowStrong = "rgba(255, 92, 0, 0.3)"; // Strong glow public const string ColorSemanticBorderSubtle = "#1F1F23"; // Subtle divider public const string ColorSemanticBorderDefault = "#2A2A2E"; // Default border public const string ColorSemanticBorderStrong = "#3A3A3E"; // Strong border public const string ColorSemanticActionPrimaryBg = "#FF5C00"; // CTA button bg public const string ColorSemanticActionPrimaryBgHover = "#E05200"; // CTA button hover public const string ColorSemanticActionPrimaryText = "#ffffff"; // CTA button text public const string ColorSemanticActionSecondaryBg = "transparent"; // Ghost button bg public const string ColorSemanticActionSecondaryBgHover = "rgba(255, 255, 255, 0.05)"; // Ghost button hover public const string ColorSemanticActionSecondaryText = "#ffffff"; // Ghost button text public const string ColorSemanticActionSecondaryBorder = "#2A2A2E"; // Ghost button border public const string ColorSemanticStatusSuccess = "#22C55E"; // Success state public const string Spacing1 = "0.25rem"; // 4px public const string Spacing2 = "0.5rem"; // 8px public const string Spacing3 = "0.75rem"; // 12px public const string Spacing4 = "1rem"; // 16px public const string Spacing5 = "1.25rem"; // 20px public const string Spacing6 = "1.5rem"; // 24px public const string Spacing8 = "2rem"; // 32px public const string Spacing10 = "2.5rem"; // 40px public const string Spacing12 = "3rem"; // 48px public const string Spacing16 = "4rem"; // 64px public const string Spacing20 = "5rem"; // 80px public const string Spacing24 = "6rem"; // 96px public const string FontFamilyHeading = "'Roboto', system-ui, sans-serif"; // Heading / display font public const string FontFamilyBody = "'Roboto', system-ui, sans-serif"; // Body text font }