{
    "name": "MakPow Design System tokens",
    "source": "https://nor.sanavongsay.com/css/partials/tokens.css",
    "generated": "2026-10-25T08:45:21-07:00",
    "tokens": {
        "font": {
            "font-sans": "'Inter', 'Source Sans 3', system-ui, sans-serif",
            "font-serif": "'Fraunces', 'Ivy Journal', 'Canela', Georgia, serif",
            "font-heading": "'Inter', 'Source Sans 3', system-ui, sans-serif",
            "font-display": "'Bigshot One', Georgia, serif",
            "font-script": "'Courier Prime', 'Courier New', Courier, monospace",
            "font-quote": "'Trocchi', Georgia, serif"
        },
        "background": {
            "background-primary": "#fafafa",
            "background-secondary": "#ffffff",
            "background-tertiary": "#F0F0F3"
        },
        "art": {
            "art-panel": "#ECECEC"
        },
        "text": {
            "text-primary": "#1a1a1a",
            "text-secondary": "#404040",
            "text-muted": "#737373",
            "text-faint": "#737373",
            "text-on-yellow": "#1a1a1a",
            "text-2xs": "0.625rem",
            "text-xs": "0.75rem",
            "text-sm": "0.875rem",
            "text-base": "1rem",
            "text-lg": "1.125rem",
            "text-xl": "1.25rem",
            "text-2xl": "1.5rem",
            "text-3xl": "1.875rem",
            "text-4xl": "2.25rem",
            "text-5xl": "3rem",
            "text-6xl": "3.75rem",
            "text-7xl": "4.5rem"
        },
        "signal": {
            "signal-yellow": "#FFD23F"
        },
        "border": {
            "border-dark": "#737373",
            "border-medium": "#a3a3a3",
            "border-light": "#e5e5e5",
            "border-0": "0",
            "border-1": "1px",
            "border-2": "2px",
            "border-4": "4px",
            "border-8": "8px"
        },
        "deep": {
            "deep-red": "#B22222"
        },
        "gray": {
            "gray-50": "#fafafa",
            "gray-100": "#f5f5f5",
            "gray-200": "#e5e5e5",
            "gray-300": "#d4d4d4",
            "gray-400": "#a3a3a3",
            "gray-500": "#737373",
            "gray-600": "#525252",
            "gray-700": "#404040",
            "gray-800": "#262626",
            "gray-900": "#171717"
        },
        "primary": {
            "primary-50": "#fff8e1",
            "primary-100": "#ffefb3",
            "primary-200": "#ffe082",
            "primary-300": "#ffd54f",
            "primary-400": "#FFD23F",
            "primary-500": "#E6BD39",
            "primary-600": "#CCAA33",
            "primary-700": "#B3972C",
            "primary-800": "#998426",
            "primary-900": "#807120"
        },
        "list": {
            "list-hover": "#807120"
        },
        "link": {
            "link-color": "#FFD23F",
            "link-hover-color": "#1a1a1a"
        },
        "white": {
            "white": "#ffffff",
            "white-a14": "color-mix(in srgb, #ffffff 14%, transparent)",
            "white-a26": "color-mix(in srgb, #ffffff 26%, transparent)",
            "white-a60": "color-mix(in srgb, #ffffff 60%, transparent)",
            "white-a70": "color-mix(in srgb, #ffffff 70%, transparent)",
            "white-a72": "color-mix(in srgb, #ffffff 72%, transparent)",
            "white-a90": "color-mix(in srgb, #ffffff 90%, transparent)",
            "white-a95": "color-mix(in srgb, #ffffff 95%, transparent)",
            "white-a98": "color-mix(in srgb, #ffffff 98%, transparent)"
        },
        "black": {
            "black": "#000000",
            "black-a3": "color-mix(in srgb, #000000 3%, transparent)",
            "black-a5": "color-mix(in srgb, #000000 5%, transparent)",
            "black-a8": "color-mix(in srgb, #000000 8%, transparent)",
            "black-a10": "color-mix(in srgb, #000000 10%, transparent)",
            "black-a12": "color-mix(in srgb, #000000 12%, transparent)",
            "black-a15": "color-mix(in srgb, #000000 15%, transparent)",
            "black-a30": "color-mix(in srgb, #000000 30%, transparent)",
            "black-a40": "color-mix(in srgb, #000000 40%, transparent)",
            "black-a50": "color-mix(in srgb, #000000 50%, transparent)",
            "black-a55": "color-mix(in srgb, #000000 55%, transparent)",
            "black-a60": "color-mix(in srgb, #000000 60%, transparent)",
            "black-a80": "color-mix(in srgb, #000000 80%, transparent)"
        },
        "slate": {
            "slate": "#0F172A",
            "slate-a8": "color-mix(in srgb, #0F172A 8%, transparent)",
            "slate-a14": "color-mix(in srgb, #0F172A 14%, transparent)",
            "slate-a18": "color-mix(in srgb, #0F172A 18%, transparent)"
        },
        "tile": {
            "tile-pebble": "#E9EDF2",
            "tile-pebble-end": "#F7F8FA",
            "tile-mist": "#D5E3EE",
            "tile-mist-end": "#F2F6F9",
            "tile-ink-bg": "#000000",
            "tile-ink-bg-end": "#1C1C1E",
            "tile-dusk": "#C9D2DD",
            "tile-dusk-end": "#EDF0F4",
            "tile-prism-rose": "#FBDDE3",
            "tile-prism-peach": "#FDE8CF",
            "tile-prism-lemon": "#FBF3C8",
            "tile-prism-mint": "#D9F2E3",
            "tile-prism-sky": "#D6E9F8",
            "tile-prism-lilac": "#E5DDF7",
            "tile-sun": "#ffe082",
            "tile-sun-end": "#fff8e1"
        },
        "ai": {
            "ai-gradient": "conic-gradient(#e5e5e5 0 55%, #4F8CFF 70%, #A66CFF 80%, #FF6CB5 90%, #FFB86C 100%)"
        },
        "status": {
            "status-success-bg": "#ecfdf5",
            "status-success-border": "#bbf7d0",
            "status-error-bg": "#fef2f2",
            "status-error-border": "#fecaca"
        },
        "script": {
            "script-note": "#8a7b52",
            "script-caption-bg": "#f2f0e9",
            "script-caption-border": "#ddd8c8"
        },
        "green": {
            "green-a15": "color-mix(in srgb, #22c55e 15%, transparent)"
        },
        "mist": {
            "mist-a85": "color-mix(in srgb, #D5E3EE 85%, transparent)",
            "mist-a97": "color-mix(in srgb, #D5E3EE 97%, transparent)"
        },
        "pebble": {
            "pebble-a85": "color-mix(in srgb, #E9EDF2 85%, transparent)",
            "pebble-a97": "color-mix(in srgb, #E9EDF2 97%, transparent)"
        },
        "surface": {
            "surface-glass": "color-mix(in srgb, #ffffff 70%, transparent)",
            "surface-glass-solid": "color-mix(in srgb, #ffffff 98%, transparent)",
            "surface-glass-button": "color-mix(in srgb, #ffffff 72%, transparent)"
        },
        "yellow": {
            "yellow-a15": "color-mix(in srgb, #FFD23F 15%, transparent)",
            "yellow-a20": "color-mix(in srgb, #FFD23F 20%, transparent)",
            "yellow-a30": "color-mix(in srgb, #FFD23F 30%, transparent)",
            "yellow-a40": "color-mix(in srgb, #FFD23F 40%, transparent)",
            "yellow-a95": "color-mix(in srgb, #FFD23F 95%, transparent)"
        },
        "secondary": {
            "secondary-50": "#f5f5f5",
            "secondary-100": "#e8e8e8",
            "secondary-200": "#d1d1d1",
            "secondary-300": "#b3b3b3",
            "secondary-400": "#a3a3a3",
            "secondary-500": "#808080",
            "secondary-600": "#666666",
            "secondary-700": "#404040",
            "secondary-800": "#262626",
            "secondary-900": "#1a1a1a"
        },
        "accent": {
            "accent-50": "#fdf2f2",
            "accent-100": "#fde8e8",
            "accent-200": "#fecaca",
            "accent-300": "#fca5a5",
            "accent-400": "#B22222",
            "accent-500": "#a01c1c",
            "accent-600": "#8b1616",
            "accent-700": "#761111",
            "accent-800": "#610d0d",
            "accent-900": "#4c0a0a"
        },
        "blue": {
            "blue-500": "#33b7ff",
            "blue-600": "#00a8ff",
            "blue-700": "#0085cc"
        },
        "red": {
            "red-500": "#ef4444",
            "red-600": "#dc2626",
            "red-700": "#b91c1c"
        },
        "available": {
            "available-50": "#f0fdf4",
            "available-100": "#dcfce7",
            "available-200": "#bbf7d0",
            "available-300": "#86efac",
            "available-400": "#4ade80",
            "available-500": "#22c55e",
            "available-600": "#16a34a",
            "available-700": "#15803d",
            "available-800": "#166534",
            "available-900": "#14532d"
        },
        "space": {
            "space-0": "0",
            "space-1": "0.25rem",
            "space-2": "0.5rem",
            "space-3": "0.75rem",
            "space-4": "1rem",
            "space-5": "1.25rem",
            "space-6": "1.5rem",
            "space-8": "2rem",
            "space-10": "2.5rem",
            "space-12": "3rem",
            "space-16": "4rem",
            "space-20": "5rem",
            "space-24": "6rem",
            "space-32": "8rem"
        },
        "type": {
            "type-ratio": "1.618"
        },
        "h1": {
            "h1-size": "calc(3rem + 1vw)"
        },
        "h2": {
            "h2-size": "calc(calc(3rem + 1vw) / 1.618)"
        },
        "h3": {
            "h3-size": "calc(calc(calc(3rem + 1vw) / 1.618) / 1.618)"
        },
        "lead": {
            "lead-size": "clamp(1.125rem, 1rem + 0.75vw, 1.5rem)"
        },
        "h4": {
            "h4-size": "1rem"
        },
        "h5": {
            "h5-size": "0.875rem"
        },
        "leading": {
            "leading-2xs": "0.75rem",
            "leading-xs": "1rem",
            "leading-sm": "1.25rem",
            "leading-base": "1.5rem",
            "leading-lg": "1.75rem",
            "leading-xl": "1.75rem",
            "leading-2xl": "2rem",
            "leading-3xl": "2.25rem",
            "leading-4xl": "2.5rem",
            "leading-5xl": "1",
            "leading-6xl": "1",
            "leading-7xl": "1"
        },
        "size": {
            "size-0": "0",
            "size-px": "1px",
            "size-0-5": "0.125rem",
            "size-1": "0.25rem",
            "size-2": "0.5rem",
            "size-3": "0.75rem",
            "size-4": "1rem",
            "size-5": "1.25rem",
            "size-6": "1.5rem",
            "size-8": "2rem",
            "size-10": "2.5rem",
            "size-12": "3rem",
            "size-14": "3.5rem",
            "size-16": "4rem",
            "size-20": "5rem",
            "size-24": "6rem",
            "size-32": "8rem",
            "size-40": "10rem",
            "size-48": "12rem",
            "size-56": "14rem",
            "size-64": "16rem"
        },
        "radius": {
            "radius-none": "0",
            "radius-sm": "0.125rem",
            "radius-base": "0.5rem",
            "radius-md": "1rem",
            "radius-lg": "1.5rem",
            "radius-xl": "2rem",
            "radius-2xl": "2.5rem",
            "radius-3xl": "3rem",
            "radius-full": "9999px",
            "radius-control": "0.5rem",
            "radius-surface": "1.5rem",
            "radius-app-icon": "22.37%"
        },
        "shadow": {
            "shadow-xs": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
            "shadow-sm": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
            "shadow-base": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
            "shadow-md": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
            "shadow-lg": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
            "shadow-xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
            "shadow-float": "0 8px 32px color-mix(in srgb, #000000 12%, transparent), 0 2px 8px color-mix(in srgb, #000000 8%, transparent)",
            "shadow-header": "0 4px 24px color-mix(in srgb, #000000 8%, transparent), 0 1px 3px color-mix(in srgb, #000000 12%, transparent)",
            "shadow-lift": "0 8px 24px color-mix(in srgb, #0F172A 8%, transparent)",
            "shadow-art": "0 18px 30px color-mix(in srgb, #0F172A 18%, transparent)",
            "shadow-art-md": "0 14px 24px color-mix(in srgb, #0F172A 14%, transparent)",
            "shadow-art-sm": "0 8px 16px color-mix(in srgb, #0F172A 14%, transparent)"
        },
        "z": {
            "z-0": "0",
            "z-10": "10",
            "z-20": "20",
            "z-30": "30",
            "z-40": "40",
            "z-50": "50",
            "z-overlay": "100",
            "z-modal": "200",
            "z-popover": "300",
            "z-tooltip": "400",
            "z-max": "9999"
        },
        "transition": {
            "transition-fast": "150ms ease",
            "transition-base": "250ms ease",
            "transition-slow": "350ms ease",
            "transition-slower": "500ms ease"
        },
        "screen": {
            "screen-sm": "640px",
            "screen-md": "768px",
            "screen-lg": "1024px",
            "screen-xl": "1280px",
            "screen-2xl": "1536px"
        }
    }
}