/** * MoltNet Design Tokens * * The visual language of the Molt Autonomy Stack. * * Color philosophy: * - Dark backgrounds: agents live in the digital realm * - Primary teal: the network, connections, digital life * - Accent amber: the tattoo, permanent identity, Ed25519 keys * - Clean typography: precision matters when you sign everything */ export declare const colors: { readonly bg: { readonly void: "#08080d"; readonly surface: "#0f0f17"; readonly elevated: "#171721"; readonly overlay: "#1f1f2e"; }; readonly primary: { readonly DEFAULT: "#00d4c8"; readonly hover: "#00f0e2"; readonly muted: "rgba(0, 212, 200, 0.12)"; readonly subtle: "rgba(0, 212, 200, 0.06)"; }; readonly accent: { readonly DEFAULT: "#e6a817"; readonly hover: "#f0b829"; readonly muted: "rgba(230, 168, 23, 0.12)"; readonly subtle: "rgba(230, 168, 23, 0.06)"; }; readonly text: { readonly DEFAULT: "#e8e8f0"; readonly secondary: "#8888a0"; readonly muted: "#555568"; readonly inverse: "#08080d"; }; readonly border: { readonly DEFAULT: "#252535"; readonly hover: "#353548"; readonly focus: "#00d4c8"; }; readonly error: { readonly DEFAULT: "#f04060"; readonly muted: "rgba(240, 64, 96, 0.12)"; }; readonly warning: { readonly DEFAULT: "#f0a030"; readonly muted: "rgba(240, 160, 48, 0.12)"; }; readonly success: { readonly DEFAULT: "#40c060"; readonly muted: "rgba(64, 192, 96, 0.12)"; }; readonly info: { readonly DEFAULT: "#4090f0"; readonly muted: "rgba(64, 144, 240, 0.12)"; }; readonly white: "#ffffff"; readonly black: "#000000"; readonly transparent: "transparent"; }; export declare const lightColors: { readonly bg: { readonly void: "#f5f5f8"; readonly surface: "#ffffff"; readonly elevated: "#ffffff"; readonly overlay: "#f0f0f4"; }; readonly primary: { readonly DEFAULT: "#009990"; readonly hover: "#00b3a8"; readonly muted: "rgba(0, 153, 144, 0.08)"; readonly subtle: "rgba(0, 153, 144, 0.04)"; }; readonly accent: { readonly DEFAULT: "#c49000"; readonly hover: "#d4a010"; readonly muted: "rgba(196, 144, 0, 0.08)"; readonly subtle: "rgba(196, 144, 0, 0.04)"; }; readonly text: { readonly DEFAULT: "#1a1a2e"; readonly secondary: "#555568"; readonly muted: "#8888a0"; readonly inverse: "#e8e8f0"; }; readonly border: { readonly DEFAULT: "#e0e0e8"; readonly hover: "#c8c8d4"; readonly focus: "#009990"; }; readonly error: { readonly DEFAULT: "#d03050"; readonly muted: "rgba(208, 48, 80, 0.08)"; }; readonly warning: { readonly DEFAULT: "#d08820"; readonly muted: "rgba(208, 136, 32, 0.08)"; }; readonly success: { readonly DEFAULT: "#30a050"; readonly muted: "rgba(48, 160, 80, 0.08)"; }; readonly info: { readonly DEFAULT: "#3080d0"; readonly muted: "rgba(48, 128, 208, 0.08)"; }; readonly white: "#ffffff"; readonly black: "#000000"; readonly transparent: "transparent"; }; export declare const fontFamily: { readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif"; readonly mono: "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace"; }; export declare const fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly md: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "2rem"; readonly '4xl': "2.5rem"; readonly '5xl': "3rem"; }; export declare const fontWeight: { readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; export declare const lineHeight: { readonly tight: "1.2"; readonly normal: "1.5"; readonly relaxed: "1.7"; }; export declare const letterSpacing: { readonly tight: "-0.02em"; readonly normal: "0"; readonly wide: "0.02em"; readonly wider: "0.05em"; }; export declare const spacing: { readonly 0: "0"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 3: "0.75rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 8: "2rem"; readonly 10: "2.5rem"; readonly 12: "3rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; }; export declare const radius: { readonly none: "0"; readonly sm: "0.25rem"; readonly md: "0.5rem"; readonly lg: "0.75rem"; readonly xl: "1rem"; readonly full: "9999px"; }; export declare const shadow: { readonly sm: "0 1px 2px rgba(0, 0, 0, 0.3)"; readonly md: "0 4px 8px rgba(0, 0, 0, 0.3)"; readonly lg: "0 8px 24px rgba(0, 0, 0, 0.4)"; readonly glowPrimary: "0 0 20px rgba(0, 212, 200, 0.2)"; readonly glowAccent: "0 0 20px rgba(230, 168, 23, 0.2)"; }; export declare const transition: { readonly fast: "150ms ease"; readonly normal: "250ms ease"; readonly slow: "350ms ease"; }; export declare const breakpoint: { readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; }; export declare const zIndex: { readonly base: 0; readonly dropdown: 100; readonly sticky: 200; readonly modal: 300; readonly toast: 400; readonly tooltip: 500; }; export declare const tokens: { readonly colors: { readonly bg: { readonly void: "#08080d"; readonly surface: "#0f0f17"; readonly elevated: "#171721"; readonly overlay: "#1f1f2e"; }; readonly primary: { readonly DEFAULT: "#00d4c8"; readonly hover: "#00f0e2"; readonly muted: "rgba(0, 212, 200, 0.12)"; readonly subtle: "rgba(0, 212, 200, 0.06)"; }; readonly accent: { readonly DEFAULT: "#e6a817"; readonly hover: "#f0b829"; readonly muted: "rgba(230, 168, 23, 0.12)"; readonly subtle: "rgba(230, 168, 23, 0.06)"; }; readonly text: { readonly DEFAULT: "#e8e8f0"; readonly secondary: "#8888a0"; readonly muted: "#555568"; readonly inverse: "#08080d"; }; readonly border: { readonly DEFAULT: "#252535"; readonly hover: "#353548"; readonly focus: "#00d4c8"; }; readonly error: { readonly DEFAULT: "#f04060"; readonly muted: "rgba(240, 64, 96, 0.12)"; }; readonly warning: { readonly DEFAULT: "#f0a030"; readonly muted: "rgba(240, 160, 48, 0.12)"; }; readonly success: { readonly DEFAULT: "#40c060"; readonly muted: "rgba(64, 192, 96, 0.12)"; }; readonly info: { readonly DEFAULT: "#4090f0"; readonly muted: "rgba(64, 144, 240, 0.12)"; }; readonly white: "#ffffff"; readonly black: "#000000"; readonly transparent: "transparent"; }; readonly lightColors: { readonly bg: { readonly void: "#f5f5f8"; readonly surface: "#ffffff"; readonly elevated: "#ffffff"; readonly overlay: "#f0f0f4"; }; readonly primary: { readonly DEFAULT: "#009990"; readonly hover: "#00b3a8"; readonly muted: "rgba(0, 153, 144, 0.08)"; readonly subtle: "rgba(0, 153, 144, 0.04)"; }; readonly accent: { readonly DEFAULT: "#c49000"; readonly hover: "#d4a010"; readonly muted: "rgba(196, 144, 0, 0.08)"; readonly subtle: "rgba(196, 144, 0, 0.04)"; }; readonly text: { readonly DEFAULT: "#1a1a2e"; readonly secondary: "#555568"; readonly muted: "#8888a0"; readonly inverse: "#e8e8f0"; }; readonly border: { readonly DEFAULT: "#e0e0e8"; readonly hover: "#c8c8d4"; readonly focus: "#009990"; }; readonly error: { readonly DEFAULT: "#d03050"; readonly muted: "rgba(208, 48, 80, 0.08)"; }; readonly warning: { readonly DEFAULT: "#d08820"; readonly muted: "rgba(208, 136, 32, 0.08)"; }; readonly success: { readonly DEFAULT: "#30a050"; readonly muted: "rgba(48, 160, 80, 0.08)"; }; readonly info: { readonly DEFAULT: "#3080d0"; readonly muted: "rgba(48, 128, 208, 0.08)"; }; readonly white: "#ffffff"; readonly black: "#000000"; readonly transparent: "transparent"; }; readonly fontFamily: { readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif"; readonly mono: "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace"; }; readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.875rem"; readonly md: "1rem"; readonly lg: "1.125rem"; readonly xl: "1.25rem"; readonly '2xl': "1.5rem"; readonly '3xl': "2rem"; readonly '4xl': "2.5rem"; readonly '5xl': "3rem"; }; readonly fontWeight: { readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; }; readonly lineHeight: { readonly tight: "1.2"; readonly normal: "1.5"; readonly relaxed: "1.7"; }; readonly letterSpacing: { readonly tight: "-0.02em"; readonly normal: "0"; readonly wide: "0.02em"; readonly wider: "0.05em"; }; readonly spacing: { readonly 0: "0"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 3: "0.75rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 8: "2rem"; readonly 10: "2.5rem"; readonly 12: "3rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; }; readonly radius: { readonly none: "0"; readonly sm: "0.25rem"; readonly md: "0.5rem"; readonly lg: "0.75rem"; readonly xl: "1rem"; readonly full: "9999px"; }; readonly shadow: { readonly sm: "0 1px 2px rgba(0, 0, 0, 0.3)"; readonly md: "0 4px 8px rgba(0, 0, 0, 0.3)"; readonly lg: "0 8px 24px rgba(0, 0, 0, 0.4)"; readonly glowPrimary: "0 0 20px rgba(0, 212, 200, 0.2)"; readonly glowAccent: "0 0 20px rgba(230, 168, 23, 0.2)"; }; readonly transition: { readonly fast: "150ms ease"; readonly normal: "250ms ease"; readonly slow: "350ms ease"; }; readonly breakpoint: { readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; }; readonly zIndex: { readonly base: 0; readonly dropdown: 100; readonly sticky: 200; readonly modal: 300; readonly toast: 400; readonly tooltip: 500; }; }; //# sourceMappingURL=tokens.d.ts.map