export declare const styles: { container: { padding: string; fontFamily: string; }; section: { marginBottom: string; }; sectionTitle: { fontSize: string; fontWeight: number; marginBottom: string; color: string; borderBottom: string; paddingBottom: string; }; grid: { display: string; gridTemplateColumns: string; gap: string; }; colorCard: { display: string; flexDirection: "column"; borderRadius: string; overflow: string; boxShadow: string; }; colorSwatch: { height: string; width: string; }; colorInfo: { padding: string; backgroundColor: string; }; colorName: { fontSize: string; fontWeight: number; color: string; marginBottom: string; }; colorValue: { fontSize: string; color: string; fontFamily: string; }; cssVar: { fontSize: string; color: string; fontFamily: string; marginTop: string; }; typographyRow: { display: string; alignItems: string; gap: string; marginBottom: string; padding: string; backgroundColor: string; borderRadius: string; }; typographyLabel: { minWidth: string; fontSize: string; color: string; fontFamily: string; }; variableTable: { width: string; borderCollapse: "collapse"; }; tableHeader: { textAlign: "left"; padding: string; backgroundColor: string; fontSize: string; fontWeight: number; color: string; borderBottom: string; }; tableCell: { padding: string; fontSize: string; borderBottom: string; }; codeCell: { fontFamily: string; fontSize: string; color: string; }; previewCell: { display: string; alignItems: string; gap: string; }; };