/** * Color System - Functional Minimalism * * Colors serve function, not decoration. * Black/white foundation with functional accents only. * * "Good design is as little design as possible" - Dieter Rams * * @see /STANDARDS.md - Section 1.2 Color Palette */ export declare const 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)"; }; }; export type ColorCategory = keyof typeof colors; /** * CSS custom property names for colors */ export declare const colorVars: { readonly '--color-bg-pure': "#000000"; readonly '--color-bg-elevated': "#0a0a0a"; readonly '--color-bg-surface': "#111111"; readonly '--color-bg-subtle': "#1a1a1a"; readonly '--color-fg-primary': "#ffffff"; readonly '--color-fg-secondary': "rgba(255, 255, 255, 0.8)"; readonly '--color-fg-tertiary': "rgba(255, 255, 255, 0.6)"; readonly '--color-fg-muted': "rgba(255, 255, 255, 0.4)"; readonly '--color-fg-subtle': "rgba(255, 255, 255, 0.2)"; readonly '--color-border-default': "rgba(255, 255, 255, 0.1)"; readonly '--color-border-emphasis': "rgba(255, 255, 255, 0.2)"; readonly '--color-border-strong': "rgba(255, 255, 255, 0.3)"; readonly '--color-success': "#44aa44"; readonly '--color-success-muted': "rgba(68, 170, 68, 0.2)"; readonly '--color-error': "#cc4444"; readonly '--color-error-muted': "rgba(204, 68, 68, 0.2)"; readonly '--color-warning': "#aa8844"; readonly '--color-warning-muted': "rgba(170, 136, 68, 0.2)"; readonly '--color-info': "#4477aa"; readonly '--color-info-muted': "rgba(68, 119, 170, 0.2)"; readonly '--color-hover': "rgba(255, 255, 255, 0.05)"; readonly '--color-active': "rgba(255, 255, 255, 0.1)"; readonly '--color-focus': "rgba(255, 255, 255, 0.2)"; }; /** * Generate CSS custom properties string */ export declare function generateColorsCSS(): string;