namespace Marathon.UI.Theme;

/// <summary>
/// Design tokens exposed to C# code (e.g. for chart colors, custom shapes,
/// Razor components that need to reach beyond the MudTheme palette).
/// Mirrors the values declared as CSS variables in <c>wwwroot/app.css</c>.
/// </summary>
public static class Tokens
{
    public static class Colors
    {
        public const string AnomalySignal = "#dc2626";
        public const string AnomalySignalDark = "#f87171";
        public const string Accent = "#d97706";
        public const string AccentDark = "#fbbf24";
        public const string InkPrimary = "#0f172a";
        public const string Parchment = "#fafaf7";
        public const string ParchmentDeep = "#f5f4ef";
        public const string InkDeep = "#0c0a09";
    }

    public static class Spacing
    {
        public const string Xs = "4px";
        public const string Sm = "8px";
        public const string Md = "16px";
        public const string Lg = "24px";
        public const string Xl = "40px";
        public const string Xxl = "64px";
    }

    public static class Typography
    {
        public const string DisplayStack = "\"IBM Plex Serif\", \"PT Serif\", Georgia, serif";
        public const string BodyStack = "\"IBM Plex Sans\", \"PT Sans\", system-ui, sans-serif";
        public const string MonoStack = "\"JetBrains Mono\", \"IBM Plex Mono\", \"Fira Code\", Consolas, monospace";
    }
}