/**
 * Centralized design tokens (spacing, colors, typography).
 * These tokens provide semantic values for consistent UI styling.
 */
/**
 * Semantic color tokens for use with theme system.
 * These map to palette values and provide CSS variable references.
 */
export declare const colorTokens: {
    readonly primary: {
        readonly default: "var(--color-primary-500, #3b82f6)";
        readonly hover: "var(--color-primary-600, #2563eb)";
        readonly active: "var(--color-primary-700, #1d4ed8)";
        readonly light: "var(--color-primary-100, #dbeafe)";
        readonly lighter: "var(--color-primary-50, #eff6ff)";
    };
    readonly secondary: {
        readonly default: "var(--color-secondary-500, #64748b)";
        readonly hover: "var(--color-secondary-600, #475569)";
        readonly active: "var(--color-secondary-700, #334155)";
        readonly light: "var(--color-secondary-100, #f1f5f9)";
        readonly lighter: "var(--color-secondary-50, #f8fafc)";
    };
    readonly success: {
        readonly default: "var(--color-success-500, #22c55e)";
        readonly hover: "var(--color-success-600, #16a34a)";
        readonly light: "var(--color-success-100, #dcfce7)";
        readonly lighter: "var(--color-success-50, #f0fdf4)";
    };
    readonly warning: {
        readonly default: "var(--color-warning-500, #f59e0b)";
        readonly hover: "var(--color-warning-600, #d97706)";
        readonly light: "var(--color-warning-100, #fef3c7)";
        readonly lighter: "var(--color-warning-50, #fffbeb)";
    };
    readonly error: {
        readonly default: "var(--color-error-500, #ef4444)";
        readonly hover: "var(--color-error-600, #dc2626)";
        readonly light: "var(--color-error-100, #fee2e2)";
        readonly lighter: "var(--color-error-50, #fef2f2)";
    };
    readonly info: {
        readonly default: "var(--color-info-500, #3b82f6)";
        readonly hover: "var(--color-info-600, #2563eb)";
        readonly light: "var(--color-info-100, #dbeafe)";
        readonly lighter: "var(--color-info-50, #eff6ff)";
    };
    readonly neutral: {
        readonly white: "#ffffff";
        readonly black: "#000000";
        readonly 50: "var(--color-neutral-50, #fafafa)";
        readonly 100: "var(--color-neutral-100, #f4f4f5)";
        readonly 200: "var(--color-neutral-200, #e4e4e7)";
        readonly 300: "var(--color-neutral-300, #d4d4d8)";
        readonly 400: "var(--color-neutral-400, #a1a1aa)";
        readonly 500: "var(--color-neutral-500, #71717a)";
        readonly 600: "var(--color-neutral-600, #52525b)";
        readonly 700: "var(--color-neutral-700, #3f3f46)";
        readonly 800: "var(--color-neutral-800, #27272a)";
        readonly 900: "var(--color-neutral-900, #18181b)";
    };
    readonly background: {
        readonly primary: "var(--color-bg-primary, #ffffff)";
        readonly secondary: "var(--color-bg-secondary, #f8fafc)";
        readonly tertiary: "var(--color-bg-tertiary, #f1f5f9)";
        readonly muted: "var(--color-bg-muted, #f9fafb)";
        readonly inverse: "var(--color-bg-inverse, #0f172a)";
    };
    readonly text: {
        readonly primary: "var(--color-text-primary, #0f172a)";
        readonly secondary: "var(--color-text-secondary, #475569)";
        readonly tertiary: "var(--color-text-tertiary, #5c6b7f)";
        readonly muted: "var(--color-text-muted, #6b7280)";
        readonly inverse: "var(--color-text-inverse, #ffffff)";
    };
    readonly border: {
        readonly default: "var(--color-border-default, #e2e8f0)";
        readonly muted: "var(--color-border-muted, #f1f5f9)";
        readonly emphasis: "var(--color-border-emphasis, #cbd5e1)";
        readonly focus: "var(--color-border-focus, #3b82f6)";
    };
    readonly interactive: {
        readonly hover: "var(--color-interactive-hover, rgba(0, 0, 0, 0.04))";
        readonly active: "var(--color-interactive-active, rgba(0, 0, 0, 0.08))";
        readonly selected: "var(--color-interactive-selected, #eff6ff)";
        readonly disabled: "var(--color-interactive-disabled, #f4f4f5)";
    };
};
export declare const tokens: {
    readonly spacing: {
        readonly xs: "0.25rem";
        readonly sm: "0.5rem";
        readonly md: "1rem";
        readonly lg: "1.5rem";
        readonly xl: "2rem";
        readonly '2xl': "3rem";
        readonly '3xl': "4rem";
    };
    readonly radius: {
        readonly none: "0";
        readonly sm: "0.125rem";
        readonly md: "0.25rem";
        readonly lg: "0.5rem";
        readonly xl: "1rem";
        readonly full: "9999px";
    };
    readonly fontSize: {
        readonly xs: "0.75rem";
        readonly sm: "0.875rem";
        readonly base: "1rem";
        readonly lg: "1.125rem";
        readonly xl: "1.25rem";
        readonly '2xl': "1.5rem";
        readonly '3xl': "1.875rem";
        readonly '4xl': "2.25rem";
    };
    readonly fontWeight: {
        readonly normal: "400";
        readonly medium: "500";
        readonly semibold: "600";
        readonly bold: "700";
    };
    readonly lineHeight: {
        readonly none: "1";
        readonly tight: "1.25";
        readonly snug: "1.375";
        readonly normal: "1.5";
        readonly relaxed: "1.625";
        readonly loose: "2";
    };
    readonly shadow: {
        readonly none: "none";
        readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
        readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
        readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
        readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
    };
    readonly zIndex: {
        readonly base: "0";
        readonly dropdown: "100";
        readonly sticky: "200";
        readonly modal: "300";
        readonly popover: "400";
        readonly tooltip: "500";
        readonly toast: "600";
    };
    readonly transition: {
        readonly fast: "150ms ease-in-out";
        readonly normal: "250ms ease-in-out";
        readonly slow: "350ms ease-in-out";
    };
    readonly breakpoint: {
        readonly sm: "640px";
        readonly md: "768px";
        readonly lg: "1024px";
        readonly xl: "1280px";
        readonly '2xl': "1536px";
    };
};
export type Tokens = typeof tokens;
export type ColorTokens = typeof colorTokens;
export type SpacingToken = keyof typeof tokens.spacing;
export type RadiusToken = keyof typeof tokens.radius;
export type FontSizeToken = keyof typeof tokens.fontSize;
export type FontWeightToken = keyof typeof tokens.fontWeight;
export type ShadowToken = keyof typeof tokens.shadow;
export type ZIndexToken = keyof typeof tokens.zIndex;
export type ColorToken = keyof typeof colorTokens;