/**
 * Design Tokens
 *
 * Canonical design values following the CREATE SOMETHING standards.
 * Based on Dieter Rams' principles: "Less, but better"
 *
 * Framework-agnostic tokens that can be consumed by any build system.
 *
 * @see /STANDARDS.md
 */
export * from './spacing.js';
export * from './radius.js';
export * from './animation.js';
export * from './zIndex.js';
export * from './colors.js';
export * from './typography.js';
export * from './shadows.js';
export * from './breakpoints.js';
export { spacing, spacingVars, generateSpacingCSS } from './spacing.js';
export { radius, radiusVars, generateRadiusCSS } from './radius.js';
export { animation, animationVars, generateAnimationCSS, transitions } from './animation.js';
export { zIndex, zIndexVars, generateZIndexCSS } from './zIndex.js';
export { colors, colorVars, generateColorsCSS } from './colors.js';
export { typography, typographyVars, generateTypographyCSS, getHeadingStyles } from './typography.js';
export { shadows, shadowVars, generateShadowsCSS, getElevation } from './shadows.js';
export { breakpoints, containers, media, breakpointVars, generateBreakpointsCSS, matchesBreakpoint } from './breakpoints.js';
/**
 * Complete tokens object for JSON export
 */
export declare const tokens: {
    spacing: {
        readonly xs: "0.5rem";
        readonly sm: "1rem";
        readonly md: "1.618rem";
        readonly lg: "2.618rem";
        readonly xl: "4.236rem";
        readonly '2xl': "6.854rem";
        readonly '3xl': "11.089rem";
    };
    radius: {
        readonly sm: "6px";
        readonly md: "8px";
        readonly lg: "12px";
        readonly xl: "16px";
        readonly full: "9999px";
    };
    animation: {
        readonly ease: {
            readonly standard: "cubic-bezier(0.4, 0.0, 0.2, 1)";
        };
        readonly duration: {
            readonly micro: "200ms";
            readonly standard: "300ms";
            readonly complex: "500ms";
        };
    };
    zIndex: {
        readonly base: 0;
        readonly dropdown: 10;
        readonly sticky: 20;
        readonly fixed: 50;
        readonly modal: 100;
        readonly popover: 200;
        readonly tooltip: 300;
    };
    colors: {
        readonly background: {
            readonly pure: "#000000";
            readonly elevated: "#0a0a0a";
            readonly surface: "#111111";
            readonly subtle: "#1a1a1a";
        };
        readonly foreground: {
            readonly primary: "#ffffff";
            readonly secondary: "rgba(255, 255, 255, 0.8)";
            readonly tertiary: "rgba(255, 255, 255, 0.6)";
            readonly muted: "rgba(255, 255, 255, 0.4)";
            readonly subtle: "rgba(255, 255, 255, 0.2)";
        };
        readonly border: {
            readonly default: "rgba(255, 255, 255, 0.1)";
            readonly emphasis: "rgba(255, 255, 255, 0.2)";
            readonly strong: "rgba(255, 255, 255, 0.3)";
        };
        readonly accent: {
            readonly success: "#44aa44";
            readonly successMuted: "rgba(68, 170, 68, 0.2)";
            readonly error: "#cc4444";
            readonly errorMuted: "rgba(204, 68, 68, 0.2)";
            readonly warning: "#aa8844";
            readonly warningMuted: "rgba(170, 136, 68, 0.2)";
            readonly info: "#4477aa";
            readonly infoMuted: "rgba(68, 119, 170, 0.2)";
        };
        readonly interactive: {
            readonly hover: "rgba(255, 255, 255, 0.05)";
            readonly active: "rgba(255, 255, 255, 0.1)";
            readonly focus: "rgba(255, 255, 255, 0.2)";
        };
    };
    typography: {
        readonly family: {
            readonly sans: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif";
            readonly mono: "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", Consolas, monospace";
            readonly serif: "Georgia, \"Times New Roman\", serif";
        };
        readonly weight: {
            readonly regular: "400";
            readonly medium: "500";
            readonly semibold: "600";
            readonly bold: "700";
        };
        readonly leading: {
            readonly tight: "1.25";
            readonly snug: "1.375";
            readonly normal: "1.5";
            readonly relaxed: "1.625";
            readonly loose: "1.75";
        };
        readonly tracking: {
            readonly tighter: "-0.025em";
            readonly tight: "-0.015em";
            readonly normal: "0";
            readonly wide: "0.025em";
            readonly wider: "0.05em";
            readonly widest: "0.1em";
        };
        readonly scale: {
            readonly 'display-xl': "clamp(3.5rem, 5vw + 2rem, 7rem)";
            readonly display: "clamp(2.5rem, 4vw + 1.5rem, 5rem)";
            readonly h1: "clamp(2rem, 3vw + 1rem, 3.5rem)";
            readonly h2: "clamp(1.5rem, 2vw + 0.75rem, 2.25rem)";
            readonly h3: "clamp(1.25rem, 1.5vw + 0.5rem, 1.75rem)";
            readonly h4: "clamp(1.125rem, 1vw + 0.5rem, 1.5rem)";
            readonly h5: "clamp(1rem, 0.5vw + 0.75rem, 1.25rem)";
            readonly h6: "clamp(0.875rem, 0.25vw + 0.75rem, 1rem)";
            readonly 'body-lg': "1.125rem";
            readonly body: "1rem";
            readonly 'body-sm': "0.875rem";
            readonly caption: "0.75rem";
            readonly overline: "0.6875rem";
        };
    };
    shadows: {
        readonly none: "none";
        readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.5)";
        readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)";
        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)";
        readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)";
        readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.75)";
        readonly 'glow-sm': "0 0 10px rgba(255, 255, 255, 0.05)";
        readonly 'glow-md': "0 0 20px rgba(255, 255, 255, 0.1)";
        readonly 'glow-lg': "0 0 40px rgba(255, 255, 255, 0.15)";
        readonly inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.5)";
        readonly 'inner-lg': "inset 0 4px 8px 0 rgba(0, 0, 0, 0.5)";
    };
    breakpoints: {
        readonly sm: "640px";
        readonly md: "768px";
        readonly lg: "1024px";
        readonly xl: "1280px";
        readonly '2xl': "1536px";
    };
};
/**
 * Generate complete CSS custom properties string
 */
export declare function generateAllTokensCSS(): Promise<string>;